: l'élément de saut de ligne

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

L'élémentHTML  crée un saut de ligne dans le texte (retour à la ligne). Il est utile pour écrire un poème ou une adresse, lorsque la division des lignes est significative.

Exemple interactif

<p>  Sur toutes les collines<br />  Tout est calme maintenant,<br />  Dans tous les arbres<br />  Tu n'entends<br />  Presque aucun souffle&nbsp;;<br />  Les oiseaux dorment dans les arbres&nbsp;:<br />  Attends, bientôt comme eux<br />  Toi aussi tu reposeras.</p>

p {  font-size: 1rem;  font-family: sans-serif;  margin: 20px;}

Comme vous pouvez le voir dans l'exemple ci-dessus, un élément  est inclus à chaque endroit où l'on souhaite que le texte soit coupé. Le texte après le  recommence au début de la ligne suivante du bloc de texte.

Note :N'utilisez pas  pour créer des marges entre les paragraphes ; entourez-les d'éléments et utilisez la propriétéCSS margin pour contrôler leur taille.

Attributs

Cet élément inclut lesattributs universels.

Attributs obsolètes

clearObsolète: Cet attribut indique où commencer la prochaine ligne après le saut de ligne.

Mise en forme avec CSS

L'élément  a un seul objectif bien défini — créer un saut de ligne dans un bloc de texte. Il n'a donc pas de dimensions ni de rendu visuel propre, et il y a très peu de possibilités de lui appliquer une mise en forme.

Vous pouvez appliquer une marge (margin) sur les éléments  eux-mêmes pour augmenter l'espacement entre les lignes de texte du bloc, mais ce n'est pas une bonne pratique — il vaut mieux utiliser la propriétéline-height prévue à cet effet.

Accessibilité

Créer des paragraphes séparés à l'aide de  n'est pas seulement une mauvaise pratique, c'est aussi problématique pour les personnes qui naviguent avec une technologie d'assistance. Les lecteurs d'écran peuvent annoncer la présence de l'élément, mais pas le contenu associé aux . Cela peut être source de confusion et de frustration pour la personne utilisant le lecteur d'écran.

Utilisez des éléments, et des propriétés CSS commemargin pour contrôler leur espacement.

Exemples

Simple rupture de ligne

Dans l'exemple suivant, nous utilisons des éléments  pour créer des sauts de ligne entre les différentes lignes d'une adresse postale :

html

Mozilla<br />331 E. Evelyn Avenue<br />Mountain View, CA<br />94041<br />USA<br />

Résultat

Résumé technique

Catégories de contenu	Contenu de flux,contenu phrasé.
Contenu autorisé	Aucun, c'est unélément vide.
Omission de balise	Cet élément doit avoir une balise de début et ne doit pas avoir de balise de fin. Pour les documents XHTML, on écrira cet élément`<br/>`.
Parents autorisés	Tout élément qui accepte ducontenu phrasé.
Rôle ARIA implicite	Pas de rôle correspondant^(angl.)
Rôles ARIA autorisés	`none`,`presentation`
Interface DOM	`HTMLBRElement`