Balise HTML <en-tête>


Exemple

Un en-tête pour un <article> :

<article>
  <header>
    <h1>A heading here</h1>
    <p>Posted by John Doe</p>
    <p>Some additional information here</p>
  </header>
  <p>Lorem Ipsum dolor set amet....</p>
</article>

Plus d'exemples "Essayez-le vous-même" ci-dessous.


Définition et utilisation

L' <header>élément représente un conteneur pour le contenu d'introduction ou un ensemble de liens de navigation.

Un <header>élément contient généralement :

  • un ou plusieurs éléments d'en-tête (<h1> - <h6>)
  • logo ou icône
  • informations sur l'auteur

Remarque : Vous pouvez avoir plusieurs <header>éléments dans un document HTML. Cependant, <header>ne peut pas être placé dans un <footer>, <address> ou un autre <header>élément.


Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'élément.

Element
<header> 5.0 9.0 4.0 5.0 11.1


Attributs globaux

La <header>balise prend également en charge les attributs globaux en HTML .


Attributs d'événement

La <header>balise prend également en charge les attributs d'événement en HTML .


Plus d'exemples

Exemple

Un en-tête de page :

<header>
  <h1>Main page heading here</h1>
  <p>Posted by John Doe</p>
</header>

Pages connexes

Référence HTML DOM : Objet d'en-tête


Paramètres CSS par défaut

La plupart des navigateurs afficheront l' <header>élément avec les valeurs par défaut suivantes :

header {
  display: block;
}