Tag HTML <hr>

❮ Précédent Suivant ❯

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>

Essayez-vous-même!

Résultat

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.