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'une section).
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
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 mise en forme.
Attributs
Cet élément prend en charge les attributs universels.
Attributs dépréciés, obsolètes ou non-standard
align- 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- Avec cet attribut, la ligne horizontale n'aura pas d'ombre.
size- Définit la hauteur de la ligne, exprimée en pixels.
width- Définit la longueur de la ligne, exprimée par une valeur en pixels ou en pourcents.
Exemples
HTML
<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>
Résultat
Résumé technique
| Catégories de contenu | Contenu de flux |
|---|---|
| Contenu autorisé | Aucun, c'est un élément vide. |
| Omission de balises | Cet élément doit avoir une balise ouvrante mais ne doit pas avoir de balise fermante. |
| Parents autorisés | Tout élément qui accepte du contenu de flux. |
| Rôles ARIA autorisés | presentation |
| Interface DOM | HTMLHRElement |
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| HTML Living Standard La définition de '<hr>' dans cette spécification. |
Standard évolutif | Définition de l'élément hr |
| 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 | Les attributs align, noshade, size, width sont désormais dépréciés. |
Compatibilité des navigateurs
Le tableau de compatibilité de cette page a été généré à partir de données structurées. Si vous souhaitez contribuer à ces données, n'hésitez pas à consulter https://github.com/mdn/browser-compat-data et à nous envoyer unepull request.
Update compatibility data on GitHub
| Ordinateur | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
hr | Chrome Support complet Oui | Edge Support complet 12 | Firefox Support complet 1 | IE Support complet Oui | Opera Support complet Oui | Safari Support complet Oui | WebView Android Support complet Oui | Chrome Android Support complet Oui | Firefox Android Support complet 4 | Opera Android Support complet Oui | Safari iOS Support complet Oui | Samsung Internet Android Support complet Oui |
align | Chrome Support complet Oui | Edge Support complet 12 | Firefox Support complet 1 | IE Support complet Oui | Opera Support complet Oui | Safari Support complet Oui | WebView Android Support complet Oui | Chrome Android Support complet Oui | Firefox Android Support complet 4 | Opera Android Support complet Oui | Safari iOS Support complet Oui | Samsung Internet Android Support complet Oui |
color | Chrome Support complet Oui | Edge Support complet 12 | Firefox Support complet 1 | IE Support complet Oui | Opera Support complet Oui | Safari Support complet Oui | WebView Android Support complet Oui | Chrome Android Support complet Oui | Firefox Android Support complet 4 | Opera Android Support complet Oui | Safari iOS Support complet Oui | Samsung Internet Android Support complet Oui |
noshade | Chrome Support complet Oui | Edge Support complet 12 | Firefox Support complet 1 | IE Support complet Oui | Opera Support complet Oui | Safari Support complet Oui | WebView Android Support complet Oui | Chrome Android Support complet Oui | Firefox Android Support complet 4 | Opera Android Support complet Oui | Safari iOS Support complet Oui | Samsung Internet Android Support complet Oui |
size | Chrome Support complet Oui | Edge Support complet 12 | Firefox Support complet 1 | IE Support complet Oui | Opera Support complet Oui | Safari Support complet Oui | WebView Android Support complet Oui | Chrome Android Support complet Oui | Firefox Android Support complet 4 | Opera Android Support complet Oui | Safari iOS Support complet Oui | Samsung Internet Android Support complet Oui |
width | Chrome Support complet Oui | Edge Support complet 12 | Firefox Support complet 1 | IE Support complet Oui | Opera Support complet Oui | Safari Support complet Oui | WebView Android Support complet Oui | Chrome Android Support complet Oui | Firefox Android Support complet 4 | Opera Android Support complet Oui | Safari iOS Support complet Oui | Samsung Internet Android Support complet Oui |
Légende
- Support complet
- Support complet
- Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
- Fonctionnalité non-standard. Celle-ci peut être incorrectement supportée par les autres navigateurs.
- Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
- Obsolète. Les nouveaux sites web ne doivent pas utiliser cette fonctionnalité.
Voir aussi
<p>qui permet de constituer des paragraphes.