Balise HTML <header>

Définition et utilisation

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

<header> L'élément contient généralement :

  • Un ou plusieurs éléments de titre (<h1> - <h6>)
  • Logo ou icône
  • Informations de l'auteur

Aide :<header> Les balises sont souvent utilisées pour définir l'en-tête du document.

Remarque :un document HTML peut contenir plusieurs <header> dans l'élément. Cependant,<header> Ne peut pas être placé <footer>et<address> ou un autre <header> dans l'élément.

Veuillez également consulter :

Manuel de référence HTML DOM :Objet Header

Exemple

Exemple 1

Titre de l'article <article> :

<article>
  <header>
    <h1>C'est le titre</h1>
    <p>Publié par Bill Gates</p>
    <p>Voici des informations supplémentaires.</p>
  </header>
  <p>Voici le texte principal.... Voici le texte principal....</p>
</article>

Essayez-le vous-même

Exemple 2

En-tête de page :

<header>
  <h1>C'est le titre de la page d'accueil</h1>
  <p>Publié par Bill Gates</p>
</header>

Essayez-le vous-même

Attributs globaux

<header> Les balises prennent également en charge Attributs globaux dans HTML.

Attributs d'événement

<header> Les balises prennent également en charge Attributs d'événement dans HTML.

Réglages CSS par défaut

La plupart des navigateurs utiliseront les valeurs suivantes par défaut pour afficher <header> Élément :

header {
  display: block;
}

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge le tag pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1