Comment définir les paragraphes et l'espacement en HTML

click fraud protection

Donc, vous avez appris les concepts HTML de base et quelques balises HTML de base, et vous avez décidé de coller quelques HTML dans votre CMS. Malheureusement, votre article a couru ensemble. Tout est un paragraphe! Que s'est-il passé?

Ne paniquez pas. Comprendre comment votre le navigateur interprète les sauts de ligne, et vous y remédierez rapidement… ou du moins, simplement.

Les navigateurs ignorent la plupart des espaces blancs

HTML consiste à baliser du texte ordinaire. À l'époque où le texte était sur parchemin, le texte ordinaire s'enchaînait en blocs géants. Aujourd'hui, nous décomposons le texte en paragraphes.

Vous ne pensez peut-être pas beaucoup aux paragraphes. Ils arrivent juste. Vous appuyez sur ENTER, et c'est tout.

Mais HTML est différent. Le navigateur s'efforce de filtrer les informations qui ne semblent pas importantes. Vous devez comprendre comment cela fonctionne afin de ne pas vous tromper.

Supposons que vous tapiez tout un tas d'espaces:

Votre navigateur prosaïque donnera ce rendu net:

instagram viewer
J'ai l'impression que e.e. cummings.

Nous ne sommes plus dans Word, Toto. Navigateurs ignorer l'espacement supplémentaire. Ils réduisent plusieurs espaces à un seul espace.

Les navigateurs seront également ignorer votre sauts de ligne.

Votre navigateur fait ceci:

J'ai l'impression que e.e. cummings mais tout le monde déteste C A P I T A L S en ligne de toute façon.

Si vous venez du monde du traitement de texte, ce comportement peut être surprenant. En fait, cela vous donne une grande liberté.

Paragraphes

Mais vous voulez probablement toujours des paragraphes. Les voici:


et

Regardez attentivement le.


et

tags, puis voyez ce que fait le navigateur.
Ceci est un paragraphe. Ceci est un autre paragraphe, même s'il est sur la même ligne. Et même si je viens d'entrer deux sauts de ligne, cela fait toujours partie du deuxième paragraphe. Je vais maintenant clore le deuxième paragraphe.

Voir? Le navigateur ignore vraiment totalement vos sauts de ligne. Il ne se soucie que des balises.

Normalement, bien sûr, le choix sensé est de faire correspondre vos paragraphes avec des sauts de ligne:

Mais les sauts de ligne ne sont que pour vous. Le navigateur les ignore.

Ajout d'un tas de.

les balises peuvent être fastidieuses. C'est une chose d'ajouter des italiques ici et là. C'en est une autre d'avoir à ajouter des balises à chaque fois que vous commencez un nouveau paragraphe.
Mais attendez! Il y a de l'espoir! Ne courez pas en hurlant vers votre traitement de texte.

Votre CMS peut respecter vos lignes vierges

Heureusement, certains CMS sont conçus pour insérer automatiquement des balises de paragraphe pour vous, dans les coulisses. Vous pouvez simplement insérer un ligne blanche entre les paragraphes, et le CMS fait le reste.

Si votre CMS dispose de cette fonctionnalité, vous obtiendrez:

Ceci est un paragraphe. Pas de balises! Et voici. une autre paragraphe.

Pourquoi ça marche? Avant que le CMS ne crache votre article en tant que page Web, il ajoute le nécessaire.

Mots clés.
Votre CMS le fera probablement automatiquement. Si ce n'est pas le cas, vous pourrez peut-être activer cette fonctionnalité.

Appuyez deux fois sur ENTER pour un paragraphe

Dans un traitement de texte, vous n'appuyez généralement sur ENTRÉE qu'une seule fois entre les paragraphes. Les paragraphes sont sur une seule ligne, mais le traitement de texte les enveloppe.

En HTML, vous voulez appuyez deux fois sur ENTRÉE entre les paragraphes. Si votre CMS ajoute.

balises automatiquement, il attend probablement une ligne vide.

instagram story viewer