¿Se debe usar sangría de texto en la web?

Pensé en agregar sangría de texto a mi sitio web (con la primera línea de párrafos sangrada), pero primero busqué un poco y descubrí que muchos sitios no tienen ninguna sangría de texto. ¿Porqué es eso? Pensé que aclaraba dónde comienzan los párrafos, entonces, ¿por qué no se usa con más frecuencia?

¿Existe una desventaja grave, o es solo una cuestión de moda / tendencia?

website-design typography

— ispiro
fuente

Respuestas:

Puede separar los párrafos de varias maneras.

Sangrías

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 
    Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 
    Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna.

Línea en blanco / espacio

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 

Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 

Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna.

Fleurons / Flourishes / icons / bugs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. ~•~ Nunc faucibus lectus id libero blandit, et varius 
augue vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. ~•~ 
Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna.

Números

1  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
   Curabitur in orci pellentesque, volutpat metus eget, interdum 
   mauris. 
2  Nunc faucibus lectus id libero blandit, et varius augue 
   vehicula. Cras eu dictum libero, a elementum velit. Fusce 
   ultrices malesuada elit, et convallis massa tristique in. 
3  Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
   Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
   velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
   sit amet neque aliquam ultrices eget vitae urna.

Todos (así como otros métodos) son todos válidos. Lo que generalmente está mal visto es combinarlos, ya que es un poco redundante. Si ya tiene un espacio entre párrafos, la sangría no ayudará realmente a separarlos visualmente.

En cuanto a por qué generalmente ves líneas / espacios en blanco como la forma principal de separar párrafos en la web, es porque eso es solo lo predeterminado. Por defecto, la mayoría de los navegadores tradicionalmente agregan espacio entre las <p>etiquetas. Así que no había necesidad de usar sangrías. Pero ciertamente puede usar sangrías si lo prefiere.

— DA01
fuente

Interesante la cosa de los errores. Pero no creo que sea útil. : o) - Los números (en mi humilde opinión) significan algo adicional que solo párrafos diferentes.

— Rafael

La utilidad de @Rafael se basa en el contexto. :) Es, sin duda, no se usa comúnmente.

— DA01

Bueno ... ¡necesitamos usar estos errores en estos cuadros de comentarios! --- Intercambio de pila: ¡QUIERO PÁRRAFOS DE COMENTARIOS! : o)

— Rafael

¡@Rafael es un excelente ejemplo de dónde sería útil! :)

— DA01

Se usaron "errores" (o algo similar) en muchas formas antiguas de escritura. Son los separadores de párrafo originales de una época en que las superficies de escritura eran limitadas y la densidad de información era importante. Sugeriría usarlos en situaciones similares. Las sangrías también ahorran espacio, en comparación con la alternativa de un salto de línea adicional. Pero la tipografía web moderna debería usar espacios siempre que sea posible para la legibilidad.

— Rich Remer

Esto es principalmente una preferencia personal y algunos argumentan por qué las personas no usan Drop Cap en lugar de sangrías también. Personalmente, el espacio entre párrafos merece la sangría.

Mi comprensión del propósito al usar la sangría solo se debe usar para nuevos bloques de contenido al escribir algo como una publicación de blog para un sitio. Dicho esto, cuando algunas personas usan sitios o blogs de CMS, es difícil codificar una sangría en los párrafos necesarios cuando se discuten varios temas, por lo que las etiquetas de encabezado se usan como separación.

Para resolver esto, puede usar grepy jQuery para agregar la text-indentpropiedad CSS en ciertas <p>etiquetas. Entonces, para responder a su pregunta, esta es una preferencia personal. Para tener en cuenta también que si está haciendo esto para algo así como una publicación de blog y no desea que todas las <p>etiquetas tengan sangría, puede usar el pseudo-elemento first-child:

p:first-child {
  text-ident: 1.5em;
}

— DᴀʀᴛʜVᴀᴅᴇʀ
fuente

Históricamente, no había una manera fácil de sangrar párrafos o usar capitulares en HTML. Cuando CSS llegó mucho, eso cambió las cosas.

— DA01

no hables así de la edad oscura;)

— DᴀʀᴛʜVᴀᴅᴇʀ

En la composición tipográfica clásica para material largo (es decir, libros), el primer párrafo de una sección tendría un espacio encima y sin sangría, mientras que los párrafos restantes tendrían sangrías. Eso generalmente se hacía independientemente de si había un título o título de sección. El primer párrafo de una pausa importante, como un capítulo, puede tener un casquillo o un casquillo iluminado.

— RBerteig

¿Se debe sangrar el texto? Bueno, eso es una cuestión de preferencia personal, pero la gran mayoría de los sitios que he visto no sangran párrafos.

Tienes que mirar el origen de HTML

Cuando comenzó HTML, no había una guía estándar. El HTML fue creado originalmente por Berners-Lee, quien consideró quién escribió el navegador y el software del servidor. Las personas de las principales organizaciones preguntaron qué comandos de formato podían usar. Como los párrafos del texto escrito tienen espacio después de ellos, adoptaron esto en HTML. Así es como funciona la <p>etiqueta. Las personas adoptarían los estándares establecidos y no usarían los opcionales.

También hay un extracto del documento HTML 2.0

El carácter de tabulación horizontal (posición de código 9 en el conjunto de caracteres del documento HTML) debe interpretarse como el menor número positivo de espacios distintos de cero que dejará el número de caracteres hasta ahora en la línea como un múltiplo de 8. Los documentos no deben contener caracteres de tabulación , ya que no son compatibles de forma coherente.

http://www.ietf.org/rfc/rfc1866.txt

La diferencia entre la pestaña en procesadores de texto y el uso en la web

Otra razón para la falta de sangría es el uso de Tab. En un programa de procesamiento de textos estamos acostumbrados a usar tabulación para sangrar párrafos. Bueno, así no es como funcionan las cosas en la web. Cuando se crearon formularios a principios de los 90, las personas usaban la tecla de tabulación para pasar al siguiente campo. Ahora las personas están acostumbradas a esta función en lugar de tener líneas de sangría de tabulación en la web.

No hay ninguna razón por la que no pueda sangrar un párrafo en la web. La gente está acostumbrada a no tener sangría en los párrafos y tener el espacio vertical.

p {
    text-indent: 20px;
}

— AndrewH
fuente

La tecla de tabulación es un poco de arenque rojo. La tecla de tabulación siempre se ha utilizado para tabular entre campos. Esto es anterior a la web. Es relevante para el textareacampo, pero no para el formato general de párrafos en una página web (ya que el usuario no usa la tecla de tabulación para leer los párrafos). También tenga en cuenta que el HTML no es lo que creó el espacio de forma predeterminada, sino que la representación predeterminada del navegador de la etiqueta de párrafo es lo que creó el espacio predeterminado (Un

— error

@ DA01 ¿Berners-Lee no creó el software y el navegador que representaría el HTML? Entiendo que un navegador representa el HTML, pero ¿no creó los estándares para eso? ¿No es el hecho de que la pestaña siempre se usó para tabular entre campos una razón por la que no se implementó en HTML? También el hecho de que el HTML no reconoce espacios en blanco.

— AndrewH

Correcto, pero no había un 'estándar HTML' sobre cómo representarlo. Simplemente sucedió que eligió usar espacio adicional entre párrafos en su navegador particular. Otros navegadores adoptaron ese valor predeterminado, pero nunca se declaró un estándar de ningún tipo dentro de HTML.

— DA01