<br>
Un retour à la ligne à l’endroit où il est inséré, sans commencer un nouveau paragraphe.
- Affichage
- inline
- Balise fermante
- Aucune, élément vide
- Contenu autorisé
- Aucun, l’élément est vide
Exemple
#<p>
Point-virgule perdu,<br>
la console est toute rouge,<br>
le café a refroidi.
</p>Définition et utilisation
#L’élément <br> renvoie la suite du texte à une nouvelle ligne. C’est un élément vide, sans balise fermante. Utilisez-le là où le retour à la ligne fait partie du contenu lui-même : en poésie, dans une adresse postale, ou dans une légende qui doit se briser à un endroit précis.
N’utilisez pas <br> pour créer des espacements. Plusieurs balises <br><br> à la suite sont une erreur fréquente chez les débutants : la taille de l’espace dépend alors de la taille de la police et est difficile à changer, et pour un lecteur d’écran, ce texte reste un seul bloc sans structure. Réglez les espacements en CSS, et placez les pensées distinctes dans des paragraphes <p> séparés.
Les deux écritures, <br> et <br />, sont valides en HTML, et la barre oblique n’a aucun effet. En revanche, </br> est une erreur, même si les navigateurs la traitent avec indulgence comme un <br>.
Syntaxe
#Première ligne<br>
Deuxième ligneAttributs
#Cet élément n’a pas d’attributs propres. Il accepte les attributs globaux, comme class, id ou hidden.
Plus d’exemples
#<p>
École de programmation Octet<br>
8 rue du Clavier<br>
75011 Paris
</p>Compatibilité des navigateurs
#Largement disponible
Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.
- Chrome
- Edge
- Firefox
- Safari
Bonnes pratiques
#- Réglez les espacements entre les blocs de texte en CSS (
margin), pas avec une suite de<br>. - Si vous commencez une nouvelle idée, fermez le paragraphe et ouvrez un nouveau
<p>plutôt que de faire un retour à la ligne. - Pour les mots longs qui ne doivent se briser qu’en cas de besoin, utilisez
<wbr>plutôt que<br>.
Entrées associées
#- <p>Un paragraphe de texte.
- <wbr>Un endroit où le navigateur peut couper un mot long ou une chaîne de caractères, quand la ligne manque de place.
- <pre>Un texte préformaté : il conserve les espaces, les tabulations et les retours à la ligne exactement comme dans le code.
- <hr>Une rupture thématique dans le contenu, par exemple un changement de scène dans un récit ou un passage à un autre sujet.
Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.