<br> : l'élément de saut de ligne

L'élément HTML <br> crée un saut de ligne (un retour chariot) dans le texte. Il s'avère utile lorsque les sauts de ligne ont une importance (par exemple lorsqu'on écrit une adresse ou un poème).

Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !

Attributs

Comme pour tous les éléments, on peut utiliser les attributs universels.

Attributs obsolètes

clear Obsolète depuis HTML4.01 Obsolète depuis HTML5

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

Note : Cet attribut est obsolète avec HTML5 et ne doit pas être utilisé ! Il faut privilégier la propriété clear à la place.

Mise en forme avec CSS

<br> n'a aucun rôle purement stylistique et il sert uniquement à créer une rupture de ligne au sein d'un bloc de texte. Cet élément pourra très peu être mis en forme avec CSS.

Bien qu'il soit possible d'appliquer une marge (margin sur les éléments <br> afin d'augmenter l'espacement entre les lignes de texte d'un même bloc, ce n'est pas une bonne pratique. Pour obtenir le même effet, on pourra utiliser la propriété line-height.

Exemples

HTML

Maître corbeau, sur un arbre perché,<br>
Tenait en son bec un fromage.<br>
Maître renard par l'odeur alléché,<br>
Lui tint à peu près ce langage...<br>

Résultat

Accessibilité

Utiliser une suite d'éléments <br> pour uniquement rajouter un espace entre des paragraphes sera source de confusion ou de frustration pour les personnes qui utilisent des outils d'assistance. Les lecteurs d'écran, par exemple, pourront annoncer la présence de l'élément alors qu'il n'y a aucun contenu associé.

Si on souhaite ajouter un espace supplémentaire, on utilisera plutôt la propriété CSS margin.

Résumé technique

Spécifications

Compatibilité des navigateurs

Voir aussi

• <address>
• <p>