Le retrait de texte doit-il être utilisé sur le Web?

J'ai pensé à ajouter un retrait de texte à mon site Web (avec la première ligne de paragraphes en retrait), mais j'ai d'abord cherché un peu et j'ai découvert que de nombreux sites n'avaient pas de retrait de texte. Pourquoi donc? Je pensais que cela clarifie le début des paragraphes, alors pourquoi n'est-il pas utilisé plus souvent?

Y a-t-il un sérieux inconvénient, ou s'agit-il simplement d'une question de mode / tendance?

website-design typography

— ispiro
source

Réponses:

Vous pouvez séparer les paragraphes de plusieurs façons.

Retraits

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.

Ligne / espace vide

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 / s'épanouit / icônes / bogues

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.

Nombres

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.

Tous (ainsi que d'autres méthodes) sont tous valides. Ce qui est généralement mal vu, c'est de les combiner, car c'est un peu redondant. Si vous avez déjà un espace entre les paragraphes, le retrait ne va pas vraiment aider à les séparer visuellement.

Quant à savoir pourquoi vous voyez généralement les lignes / espaces vides comme le principal moyen de séparer les paragraphes sur le Web, c'est parce que c'est juste la valeur par défaut. Par défaut, la plupart des navigateurs ajoutaient traditionnellement de l'espace entre les <p>balises. Il n'était donc pas nécessaire d'utiliser des retraits. Mais vous êtes certainement libre d'utiliser des retraits si vous préférez.

— DA01
source

Intéressant la chose des bugs. Mais je ne pense pas que ce soit utile. : o) - Les chiffres (à mon humble avis) signifient quelque chose de plus que simplement différents paragraphes.

— Rafael

L'utilité de @Rafael est basée sur le contexte. :) Il est, certes, peu utilisé.

— DA01

Eh bien ... nous devons utiliser ces bogues sur ces boîtes de commentaires! --- Stack Exchange: JE VEUX DES PARAGRAPHES SUR LES COMMENTAIRES! : o)

— Rafael

@Rafael qui est en fait un excellent exemple de ce qui serait utile! :)

— DA01

Les "bogues" (ou quelque chose de similaire) étaient utilisés dans de nombreuses formes anciennes d'écriture. Ce sont les séparateurs de paragraphes originaux d'une époque où les surfaces d'écriture étaient limitées et où la densité de l'information était importante. Je suggère de les utiliser dans des situations similaires. Les retraits économisent également de l'espace, par rapport à l'alternative d'un saut de ligne supplémentaire. Mais la typographie Web moderne devrait utiliser autant que possible l'espacement pour la lisibilité.

— Rich Remer

Il s'agit principalement d'une préférence personnelle et certains diront pourquoi les gens n'utilisent pas non plus de Drop Cap au lieu d'indentations. Personnellement, l'espace entre les paragraphes mérite l'indentation.

Ma compréhension de l'objectif de l'utilisation du retrait ne doit être utilisée que pour de nouveaux blocs de contenu lors de l'écriture de quelque chose comme un blog pour un site. Cela dit, lorsque certaines personnes utilisent des sites ou des blogs CMS, il est difficile de coder un retrait sur les paragraphes nécessaires lorsque plusieurs sujets sont en discussion, de sorte que les balises d'en-tête sont utilisées comme séparation.

Pour résoudre ce problème, vous pouvez utiliser grepet jQuery pour ajouter la text-indentpropriété CSS sur certaines <p>balises. Donc, pour répondre à votre question, c'est une préférence personnelle. Pour noter également que si vous faites cela pour quelque chose comme un article de blog et que vous ne voulez pas que chaque <p>balise soit en retrait, vous pouvez utiliser le pseudo-élément premier enfant:

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

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

Historiquement, il n'y avait aucun moyen facile de mettre en retrait des paragraphes ou d' utiliser des dropcaps en HTML. Quand CSS est venu longtemps, cela a changé les choses.

— DA01

ne parlez pas des âges sombres comme ça;)

— DᴀʀᴛʜVᴀᴅᴇʀ

Dans la composition classique pour la matière longue (c'est-à-dire les livres), le premier paragraphe d'une section aurait un espace au-dessus et sans retrait, tandis que les autres paragraphes auraient des retraits. Cela se faisait généralement, qu'il y ait ou non un titre ou un titre de section. Le premier paragraphe d'une coupure importante, comme un chapitre, peut contenir une casquette ou une casquette illuminée.

— RBerteig

Le texte doit-il être mis en retrait? Eh bien, c'est une question de préférence personnelle, mais la grande majorité des sites que j'ai vus ne mettent pas en retrait les paragraphes.

Vous devez regarder l'origine du HTML

Lorsque HTML a commencé, il n'y avait pas de guide standard. HTML a été créé à l'origine par Berners-Lee, qui a écrit le navigateur et le logiciel serveur. Les employés des grandes organisations ont demandé quelles commandes de formatage ils pouvaient utiliser. Comme les paragraphes dans le texte écrit ont un espace après eux, ils l'ont adopté en HTML. Voici comment fonctionne la <p>balise. Les gens adopteraient les normes établies et n'utiliseraient pas l'option.

Il y a aussi un extrait du document HTML 2.0

Le caractère de tabulation horizontale (position de code 9 dans le jeu de caractères du document HTML) doit être interprété comme le plus petit nombre d'espaces positifs non nul qui laissera le nombre de caractères jusqu'à présent sur la ligne comme un multiple de 8. Les documents ne doivent pas contenir de caractères de tabulation , car ils ne sont pas pris en charge de manière cohérente.

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

La différence entre l'onglet dans les traitements de texte et l'utilisation sur le Web

Une autre raison du manque d'indentation est l'utilisation de Tab. Dans un programme de traitement de texte, nous sommes habitués à utiliser tab pour mettre des paragraphes en retrait. Eh bien, ce n'est pas ainsi que les choses fonctionnent sur le Web. Lorsque les formulaires ont été créés au début des années 90, les gens utilisaient la touche de tabulation pour passer au champ suivant. Désormais, les gens sont habitués à cette fonctionnalité plutôt que d'avoir des lignes de retrait de tabulation sur le Web.

Il n'y a aucune raison pour laquelle vous ne pouvez pas mettre en retrait un paragraphe sur le Web. Les gens ont l'habitude de ne pas avoir de retrait sur les paragraphes et d'avoir l'espace vertical.

p {
    text-indent: 20px;
}

— AndrewH
source

La touche de tabulation est un peu un hareng rouge. La touche de tabulation a toujours été utilisée pour tabuler entre les champs. Cela est antérieur au Web. Il est pertinent pour le textareachamp, mais pas la mise en forme générale des paragraphes dans une page Web (car l'utilisateur n'utilise pas la touche de tabulation pour lire les paragraphes). Notez également que le HTML n'est pas ce qui a créé l'espace par défaut, mais plutôt que le rendu par défaut du navigateur de la balise de paragraphe est ce qui a créé l'espace par défaut (Un choix technique, certes)

— DA01

@ DA01 Berners-Lee n'a-t-il pas créé le logiciel et le navigateur qui rendraient le HTML? Je comprends qu'un navigateur affiche le code HTML, mais n'a-t-il pas créé les normes pour cela? Le fait que tab a toujours été utilisé pour tabuler entre les champs n'est-il pas une raison pour laquelle il n'a pas été implémenté en HTML? Aussi le fait que le HTML ne reconnaisse pas les espaces blancs.

— AndrewH

D'accord, mais il n'y avait pas de «norme HTML» pour le rendre. Il se trouve qu'il a choisi d'utiliser un espacement supplémentaire entre les paragraphes dans son navigateur particulier. D'autres navigateurs ont adopté cette valeur par défaut, mais il n'a jamais été déclaré standard d'aucune sorte dans HTML.

— DA01