: 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ément HTML   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 les attributs universels.

Attributs obsolètes

clear Obsolè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 comme margin 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 du contenu phrasé.
Rôle ARIA implicite	Pas de rôle correspondant ^(angl.)
Rôles ARIA autorisés	`none`, `presentation`
Interface DOM	`HTMLBRElement`