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 ne représente plus un élément de une mise en forme.
- Catégories de contenu Contenu de flux.
- Contenu autorisé Aucun, il s'agit d'un élément vide.
- 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.
align
Obsolè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 #).
noshade
Obsolète depuis HTML4.01 Obsolète depuis HTML5- Avec cet attribut, la ligne horizontale n'aura pas d'ombre.
size
Obsolète depuis HTML4.01 Obsolète depuis HTML5- Définit la hauteur de la ligne, exprimé en pixels.
width
Obsolè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, on utilisera CSS.
Spécifications
Spécification | Statut | Commentaires |
---|---|---|
WHATWG HTML Living Standard La définition de '<hr>' dans cette spécification. |
Standard évolutif | Définition de l'élément hr |
WHATWG HTML Living Standard | Standard évolutif | Suggestion de rendu par défaut de l'élément hr |
HTML5 La définition de '<hr>' dans cette spécification. |
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 aussi
- L'élément de paragraphe :
<p>