HTML <header> Tag
Exemple
Un en-tête pour un <article> :
<article>
<header>
<h1>Un titre ici</h1>
<p>Publié par John Doe</p>
<p>Quelques informations supplémentaires ici</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'élément <header> représente un conteneur pour le contenu introductif ou un ensemble de liens de navigation.
Un élément <header> contient généralement :
- un ou plusieurs éléments de titre (<h1> - <h6>)
- un logo ou une icône
- des informations sur l'auteur
Remarque : Vous pouvez avoir plusieurs éléments <header> dans un document HTML. Cependant, <header> ne peut pas être placé dans un <footer>, <address> ou un autre élément <header> .
Support des Navigateurs
Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'élément.
| Élément | |||||
|---|---|---|---|---|---|
| <header> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Attributs Globaux
L'élément <header> prend également en charge les Attributs Globaux en HTML .
Attributs d'Événement
L'élément <header> prend également en charge les Attributs d'Événement en HTML .
Plus d'Exemples
Exemple
Un en-tête de page :
<header>
<h1>Titre principal de la page ici</h1>
<p>Publié par John Doe</p>
</header> Pages Associées
Référence DOM HTML : Objet Header
Paramètres CSS par Défaut
La plupart des navigateurs afficheront l'élément <header> avec les valeurs par défaut suivantes :
header {
display: block;
}