Passage à la ligne

On distingue deux type de balises selon qu'elles provoquent ou non un affichage sur une nouvelle ligne.

Eléments de bloc

Les balises de type "bloc" ou éléments de bloc, sont affichés en étant précédés et suivis d'un saut de ligne.

La balise <p> qui définit un paragraphe est un élément de bloc. De même la balise <h1> qui marque un titre de niveau 1 est un élément de bloc.

Les éléments de bloc

address blockquote center dl dir div fieldset form h1-6 hr isindex menu noframes noscript ol p pre table ul

Sauts de ligne automatiques dans un élément de bloc

Si le texte à l'intérieur d'un élément de bloc dépasse une ligne à l'affichage, un saut de ligne se produit automatiquement entre deux mots selon les dimensions de la zone d'affichage. Lorsque la fenêtre est redimensionnée, les sauts de lignes au sein du bloc s'adaptent automatiquement aux nouvelles dimensions. Pour s'en convaincre il suffit de voir comment, en réduisant les dimensions de cette fenêtre, les différents paragraphes de cette page se réaffichent.

L'espace insécable : &nbsp;

Si on souhaite empêcher un saut de ligne automatique entre deux mots au sein d'un bloc on utilise l'espace insécable pour séparer les deux mots. L'entité représentant ce caractère est &nbsp; qui signifie : non breakable space.

Exemple : Si on souhaite écrire de grands nombres en espaçant les milliers, millions, comme dans 586 787 365 sans pour autant qu'un tel nombre puisse être réparti sur deux lignes par un saut de ligne automatique, il suffit d'utiliser des espaces insécables comme dans 586 787 365. On peut observer la différence en jouant sur les dimensions de la fenêtre et en observant le comportement des deux nombres.

Lorsque plusieurs espaces consécutifs sont présents dans du texte figurant dans le code, seul un espace est pris en compte. pour inposer une succession d'espaces on utilise  

affichera

Elément incorporé ou inline

Les éléments incorporés s'affichent à la suite des éléments précédents sans saut de ligne. Si l'élément précédent est de type bloc l'élément incorporé s'affiche sur une nouvelle ligne en vertu des règles d'affichage des éléments de bloc.

La balise <strong> qui permet la mise en valeur d'une partie du texte est une balise incorporée.

Combiner les éléments de bloc, les éléments incorporés et le texte

Un élements incorporé ou du texte peuvent figurer dans un autre élément incorporé ou dans un bloc. A l'inverse un élément de bloc ne peut jamais être présent au sein d'un élément incorporé.

Exemple

affichera :

Forcer le passage à la ligne : la balise <br/>

Au sein d'un élément de bloc il est possible de forcer le passage à la ligne en un endroit précis grâce à la balise <br/>

<br/> est une balise vide.

Exemple :

affichera :

Copyright Gabriel Braun 2007