oujood.com

  HTML balise <header>

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

chercher |

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 FirefoxOperaGoogle ChromeSafari

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

Voir aussi nos tutoriel :

Où mettre le code js

Où mettre le code js : Dans ce cours nous allons apprendre plus de précision sur où mettre le code js dans une page web

Texte et typographie de Bootstrap Typographie

Bootstrap définit des styles et le formatage de contenu de texte par default comme les titres, paragraphes, blocs de citation, etc

propriété css background-clip

Indique la zone de l'arrière-plan qui sera colorée