Résumé
L'élément HTML <hr> représente un changement thématique entre des éléments de paragraphe (par exemple, un changement de décor dans un récit, un changement de sujet au sein d'un section). Dans les versions précédentes d'HTML, il représente une ligne horizontale. Bien qu'il puisse toujours être représenté ainsi par les navigateurs graphiques, il possède désormais une signification sémantique et non plus une mise en forme.
- Catégories de contenu Contenu de flux
- Contenu autorisé Aucun, il s'agit d'un empty element.
- Omission de balises Doit avoir une balise d'ouverture, et aucune balise de fermeture.
- Élément parents autorisés Tout élément acceptant du contenu de flux
- Interface DOM
HTMLHRElement
Attributs
Cet élément supporte les attributs globaux.
-
alignObsolète depuis HTML4.01 Obsolète depuis HTML5 -
Définit l'alignement de la ligne horizontale sur la page. Si aucune valeur n'est renseignée, la valeur prise par défaut est
left. -
color - Définit la couleur à utiliser pour la ligne horizontale, grâce à un nom de couleur SVG ou à un code hexadécimal (précédé d'un #).
-
noshadeObsolète depuis HTML4.01 Obsolète depuis HTML5 - Avec cet attribut, la ligne horizontale n'aura pas d'ombre.
-
sizeObsolète depuis HTML4.01 Obsolète depuis HTML5 - Définit la hauteur de la ligne, exprimé en pixels.
-
widthObsolète depuis HTML4.01 Obsolète depuis HTML5 - Définit la longueur de la ligne, exprimé par une valeur en pixels ou en pourcents.
Exemple
<p>Ceci est le premier paragraphe du texte. Les pandas roux sont géniaux. C'est mignon et c'est tout doux.</p> <hr> <p>Ceci est le deuxième paragraphe du texte. Les poneys ne sont pas pareils. Ils sont plus grands et moins exotiques.</p>
Le fragment de code HTML ci-dessus produira :
Ceci est le premier paragraphe du texte. Les pandas roux sont géniaux. C'est mignon et c'est tout doux.
Ceci est le deuxième paragraphe du texte. Les poneys ne sont pas pareils. Ils sont plus grands et moins exotiques.
Note
Pour modifier l'aspect de la ligne horizontale ou de l'espacement entre les paragraphes, il faut utiliser CSS.
Spécifications
| Spécification | Statut | Commentaires |
|---|---|---|
| WHATWG HTML Living Standard La définition de '<hr>' dans cette spécification. |
Living Standard | Définition de l'élément hr |
| WHATWG HTML Living Standard | Living Standard | Suggestion de rendu par défaut de l'élément hr |
| HTML5 La définition de '<hr>' dans cette spécification. |
Candidate Recommendation | |
| HTML 4.01 Specification La définition de '<hr>' dans cette spécification. |
Recommendation |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Support simple | 1.0 | (Oui) | (Oui) | (Oui) | (Oui) |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support simple | (Oui) | (Oui) | (Oui) | (Oui) | (Oui) |
Voir également
- L'élément de paragraphe :
<p>