Un saut de ligne HTML permet d’insérer une rupture de ligne sans créer un nouveau pa­ra­graphe. Ces sé­pa­ra­tions struc­tu­rent et formatent les textes ; elles assurent une cohérence d’affichage du texte sur les dif­fé­rents na­vi­ga­teurs.

Qu’est-ce qu’un saut de ligne en HTML ?

Les sauts de ligne durs en HTML, également appelés Line Break, sont des éléments HTML spéciaux qui per­met­tent de commencer une nouvelle ligne dans des documents HTML sans créer de nouveau pa­ra­graphe. Avec ce retour à la ligne, vous forcez une nouvelle ligne et in­ter­rom­pez le flux de texte. Cela est possible grâce à la balise (ou tag) HTML <br>. L’abré­via­tion « br » signifie « break », c’est-à-dire rupture. Au lieu de faire défiler le texte jusqu’à la fin de la ligne, vous déplacez les contenus souhaités avec la balise <br> sur une nouvelle ligne, tout en traitant le texte comme un pa­ra­graphe cohérent.

La balise <br> est supportée par tous les na­vi­ga­teurs modernes, est aussi valable en HTML5 et ne nécessite aucun autre attribut. Il s’agit d’une balise vide qui ne nécessite pas de balise de fermeture </br> pour être utilisée cor­rec­te­ment. La balise <br> peut être utilisée à la fin et au début des lignes et même dans des éléments en ligne comme <strong>, <span> ou <em> pour placer des sauts de ligne manuels avec précision.

À quoi sert un saut de ligne HTML ?

Le tag HTML <br> remplit dif­fé­rents objectifs, en fonction des exigences du texte concerné et du saut de ligne né­ces­saire. Le line break sert en principe d’outil important pour gérer les retours à la ligne dans les textes et les mettre en œuvre sans sty­li­sa­tion CSS plus complexe avec margin ou padding.

L’uti­li­sa­tion des sauts de ligne HTML peut notamment remplir les objectifs suivants :

  • Formater et struc­tu­rer des textes : La balise <br> permet d’insérer des retours à la ligne de manière simple et rapide afin d’assurer une meilleure li­si­bi­lité, clarté et structure du texte.
  • Textes HTML com­pa­tibles et cohérents : grâce aux sauts de ligne HTML, vous ga­ran­tis­sez une pré­sen­ta­tion cohérente et inaltérée des textes à travers les dif­fé­rents na­vi­ga­teurs et moteurs de recherche. Cela vaut également pour le travail sur des documents HTML avec plusieurs dé­ve­lop­peurs. Le langage HTML étant un élément essentiel des na­vi­ga­teurs Web, vous ga­ran­tis­sez une structure de texte constante sur tous les appareils et toutes les pla­te­formes.
  • Sé­man­tique HTML clai­re­ment struc­tu­rée : avec <br>, vous signalez à quel endroit vous souhaitez un saut de ligne HTML qui n’introduit pas de nouveau pa­ra­graphe. Vous optimisez ainsi la cohérence des corps de texte et évitez les pro­gram­ma­tions peu claires.
  • Sauts de ligne faciles à mettre en œuvre : l’uti­li­sa­tion du tag HTML <br> est par­ti­cu­liè­re­ment simple, car il ne nécessite pas d’attributs sup­plé­men­taires ou d’ins­truc­tions complexes. Vous con­tri­buez ainsi à une structure HTML claire et propre.
Nom de domaine
Votre domaine en un clic
  • 1 cer­ti­fi­cat SSL Wildcard par contrat
  • Fonction incluse Domain Connect pour une con­fi­gu­ra­tion DNS sim­pli­fiée

Quels sont les domaines d’ap­pli­ca­tion des sauts de ligne HTML ?

Les sauts de ligne durs en HTML con­vien­nent entre autres aux si­tua­tions suivantes :

  • Poèmes ou paroles de chansons : <br> permet de définir des sauts de ligne in­dis­pen­sables à la com­pré­hen­sion et au formatage fidèle des poèmes ou des paroles de chansons.
  • Adresses : les sauts de ligne HTML per­met­tent de garantir le formatage correct des adresses sur plusieurs lignes connexes.
  • Contacts : qu’il s’agisse d’un numéro de téléphone, d’une adresse email ou d’un site Web, le tag <br> permet de présenter clai­re­ment les in­for­ma­tions de contact im­por­tantes sur des lignes séparées.
  • Tableaux et mises en page de texte : dans certains cas, <br> peut être utilisé pour insérer un retour à la ligne dans une cellule de tableau. Cependant, l’uti­li­sa­tion de CSS est souvent une meilleure al­ter­na­tive.

Bien que <br> se prête à de multiples ap­pli­ca­tions, les HTML Line Breaks doivent être utilisés avec par­ci­mo­nie afin de ne pas nuire à la cohérence sé­man­tique. Dans le cas de mises en page de texte complexes, le style CSS ou la balise HTML <style> peuvent être des choix plus ap­pro­priés pour la pré­sen­ta­tion des éléments de texte.

Hé­ber­ge­ment Web
Hé­ber­ge­ment Web de pointe au meilleur prix
  • 3x plus rapide, 60 % d'éco­no­mie
  • Haute dis­po­ni­bi­lité >99,99 %
  • Seulement chez IONOS : jusqu'à 500 Go inclus

La syntaxe des sauts de ligne HTML expliquée

Les sauts de ligne HTML s’ef­fec­tuent via une balise HTML <br> vide, sans autre attribut HTML et sans balise de fermeture né­ces­saire. C’est pré­ci­sé­ment dans la sim­pli­cité de sa syntaxe que résident les avantages des sauts de ligne HTML. Voici la syntaxe :

Ceci est la première ligne.<br>
La ligne suivante commence ici.
html

La sortie cor­res­pon­dante se présente comme suit :

Image: Exemple de saut de ligne HTML
Grâce au tag HTML
, la deuxième phrase de notre exemple commence di­rec­te­ment sur une nouvelle ligne.
Conseil

Vous voulez en savoir plus sur le HTML ? Dans ce cas, nous vous re­com­man­dons de jeter un coup d’œil à notre tutoriel HTML pour débutants, qui vous donnera un aperçu rapide de ce langage de balisage Web très populaire.

Line breaks vs pa­ra­graphes

Pour la struc­tu­ra­tion et le formatage des textes HTML, outre les Line Breaks durs avec <br>, les pa­ra­graphes avec la balise <p> sont es­sen­tiels pour struc­tu­rer un texte de manière sé­man­tique. Avec la balise <br>, vous créez un saut de ligne HTML à l’intérieur d’un pa­ra­graphe, alors qu’avec la balise <p>, vous ne créez pas seulement un saut de ligne, mais un nouveau pa­ra­graphe.

Aller au menu principal