HTML balise <header>

Somaire

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> :

Sélectionner 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

La balise <header> est prise en charge dans Internet Explorer 9, Firefox, Opera, Chrome et Safari.

Remarque : Internet Explorer 8 et versions antérieures, ne supportent pas la balise <header>.

Différences entre HTML 4.01 et HTML5

La balise <header> est nouveau en HTML5.

Attributs globaux

La balise <header> prend également en charge les   attributs globaux  HTML.

Attributs de l'événement

La balise <header> prend également en charge les Attributs de l'événement au format HTML


Retour à l'accueil du site

Par carabde 10 mars 2014