Espaciado entre oraciones

Question

¿Cuál es la mejor manera de presentar el espaciado adicional que debe venir entre oraciones (usando [X] HTML + CSS)?

<p>Lorem ipsum. Dolor sit amet.</p> 
       ^^ wider than word spacing 

Desde HTML y XML tanto hay que plegar el espacio en blanco, los dos espacios anteriores debe comportarse como un único espacio.

¿Qué opciones hay? & Thinsp; Hay unos pocos obvios a continuación, ¿qué otros existen? & Thinsp; (¿Algo en CSS3?) & Thinsp; ¿Qué inconvenientes, si existen, existen para estos, incluidos los diferentes navegadores? & Thinsp; (¿Cómo los espacios de no separación por debajo de interactuar con el ajuste de línea?)

• ..ipsum.  Dolor..
• ..ipsum.  Dolor..
• ..ipsum.  Dolor..

---

Hay una gran cantidad de FUD en la red, que afirma que esta fue inventado para máquinas de escribir, pero puede verlo en documentos como el Declaration of Independence de los Estados Unidos. & thinsp; (Y sí, me doy cuenta de que no debes seguir todas las convenciones de hace más de doscientos años, la DoI es simplemente un ejemplo útil que muestra esto es anterior a las máquinas de escribir y las fuentes monoespaciadas.) & Thinsp; O un tipógrafo alegando que el additional space is distracting — después de cambiar el color de fondo para que el ejemplo no pueda ser otra cosa.

Para decirlo sin rodeos, aunque aprecio las opiniones y la discusión sobre si se debe usar espaciado adicional o no (que no está relacionado con la programación), eso no es lo que estoy pidiendo. Supongamos que es un requisito, ¿cuál es la mejor manera de implementarlo?

Answer 1

Envuelve cada oración en un lapso, y diseña el lapso quizás. (No es una gran solución).

Answer 2

Puede utilizar white-space: pre-wrap para preservar las secuencias de espacios, sin dejar de ajustar el texto:

<p style="white-space: pre-wrap;">Lorem ipsum. Dolor sit amet.</p> 

Esto no es compatible en Internet Explorer hasta que IE 8 en IE 8 modo, ni en Firefox hasta 3.0.

También puede usar   o   para los espacios uno em o uno en de ancho. No sé qué tan extendido es el soporte de estos, pero parecen funcionar en los últimos WebKit y Firefox en Mac OS X.

Una secuencia de dos caracteres   evitará saltos de línea en ese espacio; eso es lo que significa  , espacio sin interrupciones. La secuencia A sentence.  Another. hace que el   aparezca en la segunda línea, sangrando ligeramente el texto, lo que probablemente sea indeseable. La secuencia A sentence.  Another. funciona bien, con salto de línea y sin agregar ninguna sangría adicional, aunque si la usa en texto justificado, con el   al final de la línea, evitará que la línea se justifique correctamente.   es para el caso de escribir el nombre de alguien, como Mr. Torvalds, o una abreviatura que termina en ., donde la convención tipográfica dice que no debe dividirlo entre líneas para evitar que la gente se confunda y piense que la oración ha finalizado.

Por lo tanto, no se desea usar secuencias de  . Como este es un efecto estilístico, recomendaría usar white-space: pre-wrap, y aceptar que el estilo será un poco menos que ideal en plataformas que no lo admiten.

editar: Como se señala en los comentarios, white-space: pre-wrap no funciona con text-align: justify. Sin embargo, probé un sampler of different entities usando BrowserShots (avisos detestables, y algo raro y lento, pero es un servicio bastante útil por el precio, que es gratis). Parece una amplia variedad de navegadores, en una amplia variedad de plataformas, admite   y  , algunas que aún no usan espacios, por lo que el procesamiento no es tan malo, y solo IE 6 en Windows 2000 realmente renderiza ellos rotos, como cajas. BrowserShots no me permite elegir los combos exactos de navegador/SO que deseo, así que no puedo elegir IE 6 en XP para ver si eso es diferente. Entonces, esa es una respuesta plausible siempre que puedas vivir con IE 6 en Win2K (y tal vez en XP) roto.

Otra posible solución sería encontrar (o crear) una fuente que tenga un par de interletraje para la combinación de caracteres ".", Para separarlos más ampliamente. Con soporte @font-face en todos los navegadores más importantes en este momento, incluyendo IE de vuelta a IE 5.5 (aunque IE usa un formato diferente al de los otros navegadores), usar tu propia fuente es realmente razonable y recurrir a la fuente predeterminada de los usuarios si no compatible no rompería nada.

Una última posibilidad podría ser convencer al comité de CSS para que agregue una característica de estilo que le permita especificar que desea un espaciado más amplio al final de las oraciones (que estaría determinado por un período seguido de un espacio; acrónimos y las abreviaturas necesitarían un   para evitar obtener el espacio más amplio). Actualmente, el comité de CSS está discutiendo la posibilidad de agregar soporte de tipografía más avanzado, por lo que ahora podría ser un buen momento para comenzar a debatir sobre esta característica.

Answer 3

  no es el caracter correcto para usar, semánticamente hablando. Es un espacio sin interrupciones: un espacio que no se usará como un salto de línea. Tal vez use un espacio como   o un solo  , o (mi recomendación personal) no se moleste con el anticuado estilo de doble espacio en su página.

Answer 4

Quería decir que si su objetivo es anular la implementación predeterminada del espacio en blanco del navegador para proporcionar el espaciado de oraciones "adecuado", en realidad hay some debate en cuanto a lo que constituye el espaciado adecuado. Parece que el "estándar" de doble espacio probablemente sea solo un remanente de cuando las máquinas de escribir usaron fuentes monoespaciales. Mejor cita:

La línea de fondo: profesionales tipógrafos, diseñadores y editores de escritorio deben usar sólo un espacio. Guarde los espacios dobles para mecanografía, correo electrónico, documentos de término (si prescritos por la guía de estilo es usando), o correspondencia personal. Para todos los demás, hagan lo que sea que se sienta bien.

A menos que tenga esto como un requisito estricto, no parece que valga la pena el esfuerzo de tratar de "arreglarlo". (Me doy cuenta de que esta no es una respuesta a su pregunta declarada per se, pero quería asegurarme de que usted conoce esta información, ya que podría influir en su decisión de dedicarle mucho tiempo)

Answer 5

& nbsp; es el peor método posible, ya que interrumpe la justificación. El preenrollado como se sugiere da un control aproximado pero no se puede justificar.Hay otras entidades espaciales como & thinspace; y & nspace ;, así como un montón de caracteres de espacio Unicode que deberían dar un mejor control y no deberían romper la justificación. Estas entidades son la mejor solución que no es CSS, en mi opinión.

Para un mejor control necesita una solución de CSS. Puede abarcar las oraciones, la elección obvia, o puede abarcar el espacio entre oraciones. Lo último para mí parece ser más incorrecto, pero es más fácil de lograr, especialmente si tiene el hábito común de escribir en dos espacios: simplemente puede buscar y reemplazar todo el espacio-tiempo-período con un lapso alrededor de un espacio. Tengo un javascript que hace esto sobre la marcha para blogger.

No utilice el modelo de caja (relleno a la derecha) ya que romperá el margen derecho del texto completamente justificado (e incluso si no se justifica por completo, hace que las líneas se envuelvan "temprano"). Si abarca el espacio entre oraciones, puede alterar el espaciado entre palabras en estos elementos. Si está ajustando oraciones, puede configurar su párrafo u otro contenedor para tener un espaciado de palabras más grande, y establecer las frases a la normalidad, o puede hacerlo en un solo paso con el selector posterior:

.your_sentence_class: después de {contenido: ""; espaciado de palabras: 0.5em; }

Answer 6

Para todos los detractores 'anticuados' y 'monoespaciales': lee un libro.   Los editores profesionales han usado un solo   entre oraciones desde tiempos inmemoriales, y ES DE ahí viene el estándar monoespacial de dos espacios.   Aprender de la historia en lugar de lanzar retórica sin fundamento, de hecho.   Debo admitir, sin embargo, que un   se ve mejor en la mayoría de los navegadores:   es demasiado ancho.   ¿Qué opinas sobre la legibilidad de este párrafo?   El editor de Stackoverflow permite algo de HTML, y estoy usando   entre todas las oraciones.