Sommaire

L’élément <header>

L’élément <header> permet d’insérer une zone d’affichage pour les en-têtes. Ces en-têtes peuvent être utilisés à plusieurs endroits :

  • au niveau de la page, c’est le classique en-tête de page, souvent placé en haut de l’écran, avec un logo, un slogan, une barre de navigation principale...

  • au niveau des contenus, cela permet d’avoir une introduction au contenu qui va suivre, comme l’en-tête d’un article, par exemple.

Ce conteneur peut contenir tout type d’élément : des titres, des paragraphes, des liens...

Depuis le HTML 5.1, vous pouvez imbriquer des éléments <header> et <footer> dans un autre élément <header>, si les deux premiers éléments sont inclus dans un même élément parent.

Voici un exemple d’imbrication parfaitement valide :

<article> 
   <header> 
       <h2>Cras Vestibulum Sem Fermentum</h2> 
       <aside> 
           <header> 
               <h3>Inceptos Magna Vehicula Malesuada</h3> 
               <p>Mollis Risus Sollicitudin Inceptos...</p> 
           </header> 
    ...