Exemple
Utilisez le <hr> tag pour définir un changement thématique dans le contenu:
<h1>HTML</h1>
<p>HTML is a language for describing web pages.....</p>
<hr>
<h1>CSS</h1>
<p>CSS defines how to display HTML elements.....</p>
Essayez - le vous - même » Définition et utilisation
Le <hr> balise définit une pause thématique dans une page HTML (par exemple un changement de sujet).
Le <hr> élément est utilisé pour séparer le contenu (ou définir un changement) dans une page HTML.
support du navigateur
| Élément | |||||
|---|---|---|---|---|---|
| <hr> | Oui | Oui | Oui | Oui | Oui |
Différences entre HTML 4.01 et HTML5
En HTML5, le <hr> balise définit une pause thématique.
Dans HTML 4.01, le <hr> tag représente une règle horizontale.
Cependant, le <hr> tag peut encore être affiché sous la forme d' une règle horizontale dans les navigateurs visuels, mais est maintenant défini en termes sémantiques, plutôt qu'en termes de présentation.
Tous les layout attributs sont supprimés en HTML5. Utilisez CSS à la place.
Différences entre HTML et XHTML
En HTML, le <hr> tag n'a pas d' étiquette d'extrémité.
En XHTML, le <hr> balise doit être bien fermé, comme ceci: <hr /> .
Les attributs
| Attribut | Valeur | La description |
|---|---|---|
| align | left center right | Non pris en charge en HTML5. Indique l'alignement d'un <hr> élément |
| noshade | noshade | Non pris en charge en HTML5. Indique qu'un <hr> élément doit rendre dans une seule couleur solide (noshaded), au lieu d'une couleur ombragée |
| size | pixels | Non pris en charge en HTML5. Indique la hauteur d'un <hr> élément |
| width | pixels % | Non pris en charge en HTML5. Indique la largeur d'un <hr> élément |
Attributs globaux
Le <hr> tag supporte également les attributs globaux en HTML .
Attributs de l'événement
Le <hr> tag soutient également l' événement Attributs en HTML .
Pages associées
Référence HTML DOM: HR Object
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <hr> élément avec les valeurs par défaut suivantes:
Exemple
hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right:
auto;
border-style: inset;
border-width: 1px;
}
Essayez - le vous - même »