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;
}