1. Description de la balise <header>
La balise <header> est l'un des éléments clés du langage HTML (Hypertext Markup Language) utilisé pour structurer et présenter le contenu d'une page web. Cette balise est généralement utilisée pour représenter l'en-tête d'une section ou d'une page web, et elle peut contenir des éléments tels que des titres, des logos, des menus de navigation et d'autres éléments liés à l'introduction du contenu.
2. Caractéristiques de la balise <header>
Voici quelques points importants à retenir concernant la balise <header> :
- Rôle sémantique : La balise <header> a une signification sémantique importante. Elle est utilisée pour représenter le début d'une section ou d'un contenu principal, souvent identifié comme l'en-tête de la page. Par conséquent, elle est particulièrement utile pour les moteurs de recherche, les lecteurs d'écran et autres technologies d'accessibilité, car elle indique clairement le début du contenu principal.
- Contenu varié : À l'intérieur de la balise <header>, vous pouvez inclure divers éléments, tels que des balises de titre (<h1>, <h2>, etc.), des images de logo, des menus de navigation, des liens contextuels, des informations de contact, et d'autres éléments pertinents pour l'introduction du contenu.
- Hiérarchie : La balise <header> est souvent utilisée en conjonction avec d'autres balises de structure telles que <nav> (pour la navigation) et <div> (pour diviser le contenu en sections). Elle peut être placée à l'intérieur de la balise <body> et peut être située avant le contenu principal de la page.
3. Exemples d'usages de la balise <header>
Voici un exemple simple d'utilisation de la balise <header> :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
""" la balise <header> contient le titre du site (<h1>) ainsi qu'un menu de navigation (<nav>) pour faciliter la navigation à travers les différentes sections du site. La balise <main> est utilisée pour contenir le contenu principal de la page. """ <!DOCTYPE html> <html> <head> <title>Exemple de Balise Header</title> </head> <body> <header> <h1>Mon Site Web</h1> <nav> <ul> <li><a href="#">Accueil</a></li> <li><a href="#">À Propos</a></li> <li><a href="#">Services</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </header> <main> <!-- Contenu principal de la page --> </main> </body> </html> |
Younes Derfoufi
CRMEF OUJDA
1 thought on “La balise <header> HTML”