Get to know MDN better
Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
L'élément HTML <header> représente du contenu introductif, généralement un groupe d'éléments d'introduction ou d'aides à la navigation. Il peut contenir des éléments de titre mais aussi un logo, un formulaire de recherche, le nom d'un·e auteur·ice et d'autres éléments.
Lorsqu'il n'est pas imbriqué dans du contenu de section, dans un élément HTML <main>, ou dans un élément ayant le même rôle ARIA implicite que ces éléments, l'élément <header> a le même sens que le repère global du site banner. Il définit l'en‑tête global du site, qui comprend généralement un logo, le nom de l'organisation, une zone de recherche et éventuellement la navigation globale ou un slogan. Il se situe en règle générale en haut de la page.
Dans le cas contraire, lorsqu'il est imbriqué dans de tels éléments, il perd son statut de repère et représente un groupe d'éléments introductifs ou d'aides à la navigation pour la section environnante. Il contient en général l'en‑tête de la section environnante (un élément h1 — h6) et éventuellement un sous‑titre, mais ce n'est pas obligatoire.
L'élément <header> existait à l'origine dès les débuts du HTML pour les en‑têtes. On le retrouve sur le tout premier site web. À un moment donné, les en‑têtes sont devenus les éléments <h1> à <h6>, ce qui a permis à <header> de remplir un rôle différent.
Cet élément inclut uniquement les attributs universels.
L'élément <header> définit un repère banner lorsque son contexte est l'élément <body>.
Lorsqu'il est placé à l'intérieur d'un <article>, d'un <main>, d'un <section>, d'un <nav>, d'un <aside>, ou d'un élément ayant le même rôle ARIA implicite que ces éléments, l'élément <header> a plutôt le rôle generic et n'est plus considéré comme un repère. Dans ce cas, il ne peut pas être étiqueté avec aria-label ni avec aria-labelledby.
| Contenu de flux, contenu tangible. |
| Contenu de flux mais sans élément descendant qui soit <header> ou <footer>. |
| Aucune, les balises d'ouverture et de fermeture sont obligatoires. |
| 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>. |
| banner, ou generic si l'élément descend d'un <article>, <aside>, <main>, <nav> ou <section> ou d'un élément ayant le rôle article, complementary, main, navigation ou region. |
| group, presentation ou none |
| HTMLElement |
| HTML # the-header-element |
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
Cette page a été modifiée le 25 avr. 2026 par les contributeur·ice·s du MDN.
Votre modèle pour un internet meilleur.
Visitez la société mère à but non lucratif de Mozilla Corporation, la Fondation Mozilla.
Certaines parties de ce contenu sont protégées par le droit d'auteur ©1998—2026 des contributeurs individuels de mozilla.org. Contenu disponible sous une licence Creative Commons.