En HTML 5 le tag <hr> est utilisé pour la division thématique du contenu sur la page. Dans les versions précédentes de HTML, il était utilisé pour créer une ligne horizontale sur la page, en séparant visuellement le contenu. Dans la nouvelle version, il a acquis une charge sémantique et détermine non seulement le contenu visuel, mais aussi le contenu thématique.

Syntaxe

Le tag <hr> est un seul élément; le tag fermant n’est pas requis. Mais en XHTML le tag fermant (<hr/>) est obligatoire.

Comme le tag <hr> est un élément de bloc, tous les éléments qui la suivent sont transférés sur une autre ligne. L'apparence de la ligne horizontale marquée dépend du type de navigateur. Le plus souvent, il est représenté avec un cadre qui crée un effet en trois dimensions.

Exemple

<!DOCTYPE html>
<html>
  <head>
    <title>Titre du document</title>
  </head>
  <body>
    <h1>Apprendre HTML</h1>
    <p>Ce tutoriel HTML vous apprendra les bases du langage (Hyper Text Markup Language) et vous permettra de créer votre site Web à partir de rien.</p>
    <hr>
    <h1>Apprendre CSS</h1>
    <p>Dans notre tutoriel CSS, vous apprendrez à utiliser CSS pour contrôler le style et la mise en page de plusieurs pages Web en même temps.</p>
  </body>
</html>

Résultat

Tutoriels
Les attributs du tag <hr> ne sont pas supportés en HTML5, utilisez les styles CSS.

Attributs

Attribut Valeur Description
align left
center
right
Spécifie l’alignement horizontal de la ligne.
Non supporté en HTML5.
noshade noshade Définit, que la ligne sera affichée sans effets tridimensionnels.
Non supporté en HTML5.
size pixels Définit l'épaisseur de la ligne.
Non supporté en HTML5.
width pixels
%
Définit la largeur de la ligne.
Non supporté en HTML5.

Le tag <hr> supporte également les Attributs globaux et les Attributs d'événements.

Support de Navigateurs

chrome edge firefox safari opera

Pratiquez vos connaissances

Que fait la balise HTML <hr>?
Trouvez-vous cela utile?