L'élément HTML <header> représente un groupe de contenu introductif ou de contenu aidant à la navigation. Il peut contenir des éléments de titre, mais aussi d'autres éléments tels qu'un logo, un formulaire de recherche, etc.

Note : L'élément <header> n'a pas de contenu sectionné et ne peut donc pas introduire une nouvelle section dans le plan du document. Toutefois, un élément <header> contient généralement  les titres associés (éléments <h1> <h6>) bien que ce ne soit pas obligatoire.

Catégories de contenu Contenu de flux, contenu tangible.
Contenu autorisé Contenu de flux mais sans élément descendant qui soit <footer> ou <header>
Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
Parents autorisés Tout élément acceptant du contenu de flux. Il est à noter qu'un élément <header> ne doit pas descendre d'un élément <address>, <footer> ou d'un autre élément <header>.
Rôles ARIA autorisés group, presentation
Interface DOM HTMLElement

Attributs

Comme tous les éléments HTML, cet élément possède les attributs universels.

Exemples

En-tête de page

HTML

<header>
  <h1>Titre principal</h1>
  <img src="mdn-logo-sm.png" alt="MDN logo">
</header>

Résultat

En-tête d'article

HTML

<article>
  <header>
    <h2>La planète Terre</h2>
    <p>Publié le 4 octobre 2017 par Jeanne Smith</p>
  </header>
  <p>Nous vivons sur une planète bleue et verte</p>
  <p><a href="https://example.com/the-planet-earth/">Poursuivre la lecture…</a></p>
</article>

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de '<footer>' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<footer>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

FonctionnalitéChromeEdgeFirefoxInternet ExplorerOperaSafari
Support simple5 Oui4911.14.1
FonctionnalitéAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Support simple Oui Oui Oui49114.2

Voir aussi

Étiquettes et contributeurs liés au document

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