HTML balise header

Définition et utilisation balise <header>

LES BALISES HTML

La balise header nous permet de structurer nos documents avec une meilleure sémantique pour les en-têtes de sections ou de pages.

La balise <header> spécifie un en-tête d'un document ou une section.

L'élément de <header> devrait être utilisé comme un conteneur pour contenu d'introduction ou un ensemble de liens de navigation.

Vous pouvez avoir plusieurs éléments <header> dans un seul document.

Un élément d'en-tête <header> doit avoir à la fois une balise de début <header> et une balise de fin </header>.

L’élément d'en-tête <header> est de type block et donc il engendre un retour à la ligne avant et après l’élément.

Remarque : Une balise <header> ne peut pas être placée dans un élément <footer>, <address> ou un autre <header>.
L'élément header contient généralement les rubriques d'une section (un élément <h1> - <h6> ou un élément hgroup), avec des contenus tels que des documents d'introduction ou aides à la navigation dans la section …..

Exemple Un en-tête pour une <article> :

Exemple : 📋 Copier le code

<!DOCTYPE html>
 <html lang="fr">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
 <title>html5 demo</title>
  
 </head>
 <body>
 <article>
   <header>
     <h1>Internet Explorer 9</h1>
     <p><time pubdate datetime="2011-03-15"></time></p>
   </header>
   <p>Windows Internet Explorer 9 (IE9 en abrégé) a été rendu public le 14 Mars
2011 à 21:00 GMT ..........</p>
 </article>
 </body>
 </html>

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari