Éléments de titre

Les éléments <h1> à <h6> représentent six niveaux de titres dans un document, <h1> est le plus important et <h6> est le moins important. Un élément de titre décrit brièvement le sujet de la section qu'il introduit.

Catégories de contenu Contenu de flux, contenu de titre, contenu tangible.
Contenu autorisé Contenu phrasé.
Omission de balise Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
Parents autorisés Tout élément qui accepte le contenu de flux ; ne l'utilisez pas comme un enfant d'un d'un élément <hgroup>, c'est à présent obsolète.
Rôles ARIA autorisés tab, presentation
Interface DOM HTMLHeadingElement

Attributs

Comme tous les éléments HTML, ces éléments acceptent les attributs universels.

L'attribut align est Obsolète depuis HTML4.01 et Obsolète depuis HTML5.

Notes d'utilisation

  • L'information d'un titre peut être utilisée par les agents utilisateurs, par exemple, pour construire automatiquement une table des matières d'un document.
  • Les niveaux inférieurs ne doivent pas être utilisé afin de réduire la taille de la police d'un titre : il faut pour cela utiliser la propriété CSS font-size à la place.

  • On évitera de sauter des niveaux de titre : on commence toujours par <h1> puis <h2> et ainsi de suite. On essaye également d'avoir un seul titre de niveau 1 sur une page.

  • En HTML5, on utilisera l'élément <section> pour définir le contour d'un document. Les titres fournissent les titres des sections et sous-sections. Vous pouvez également grouper un titre et son contenu en utilisant l'élément <div>.

Exemples

Tous les titres

HTML

<h1>Titre de niveau 1</h1>
<h2>Titre de niveau 2</h2>
<h3>Titre de niveau 3</h3>
<h4>Titre de niveau 4</h4>
<h5>Titre de niveau 5</h5>
<h6>Titre de niveau 6</h6>

Résultat

Exemple de page

HTML

<h1>Élément de titre</h1>
<h2>Présentation</h2>
<p>Du texte...</p>

<h2>Exemples</h2>
<h3>Exemple 1</h3>
<p>Du texte...</p>

<h3>Exemple 2</h3>
<p>Du texte...</p>

<h2>Voir également</h2>
<p>Du texte...</p>

Résultat

Spécifications

Spécification État Commentaires
WHATWG HTML Living Standard
La définition de '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>' dans cette spécification.
Recommendation  
HTML 4.01 Specification
La définition de '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
Support simple (Oui) (Oui) 1.0 (1.7 ou moins) (Oui) (Oui) (Oui)
Fonctionnalité Android Edge Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple (Oui) (Oui) 1.0 (1.0) (Oui) (Oui) (Oui)

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, marie-ototoi, Bat, tregagnon, ThePrisoner
 Dernière mise à jour par : SphinxKnight,