1. Description de la balise <header>
La balise <header> est une balise HTML utilisée pour définir l'en-tête d'une section ou d'une page web. Elle est généralement placée à l'intérieur de la balise <body> et précède le contenu principal de la page. L'en-tête contient généralement des éléments qui fournissent des informations sur la page ou la section, tels que le logo du site, le titre de la page, la navigation principale, etc.
2. Principaux élément utilisés au sein de la balise <header>
Voici une description des principaux éléments que l'on peut trouver à l'intérieur de la balise <header> :
- Logo ou bannière : Souvent, le logo du site web ou une bannière graphique représentant la marque ou le site est placé dans l'en-tête. Cela permet aux visiteurs d'identifier rapidement la source de la page.
- Titre de la page : Le titre principal de la page ou de la section peut être inclus dans l'en-tête. Il est généralement présenté sous forme de texte, par exemple avec la balise <h1>, et décrit brièvement le contenu de la page.
- Navigation : L'en-tête peut contenir un menu de navigation principal qui permet aux utilisateurs de naviguer facilement vers les différentes sections du site web. Les liens vers des pages importantes, des catégories ou des sections clés peuvent être inclus ici.
- Informations de contact : Dans certains cas, des informations de contact telles que l'adresse e-mail, le numéro de téléphone ou un formulaire de contact peuvent être inclus dans l'en-tête.
- Liens sociaux : Les icônes ou les liens vers les profils de médias sociaux de la marque ou du site web peuvent également être placés dans l'en-tête pour permettre aux visiteurs de se connecter via les réseaux sociaux.
- Autres éléments : En fonction des besoins spécifiques du site web, d'autres éléments tels qu'une barre de recherche, des boutons d'accès rapide, des informations sur la langue du site ou d'autres éléments pertinents peuvent également être inclus dans l'en-tête.
Remarque
Notez bien que l'utilisation de la balise <header> dépend de la structure et de la conception spécifiques de chaque site web. L'en-tête est généralement répété sur chaque page du site pour maintenir la cohérence de la navigation et de la présentation.
3. Exemples d'usages de balise <header>
Voici un exemple simple de code HTML montrant comment la balise <header> peut être utilisée :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<!DOCTYPE html> <html> <head> <title>Exemple de Page</title> </head> <body> <!-- la balise <header> contient le titre de la page ainsi qu'un menu de navigation. --> <header> <h1>Mon Site Web</h1> <nav> <ul> <li><a href="/">Accueil</a></li> <li><a href="/a-propos">À Propos</a></li> <li><a href="/services">Services</a></li> <li><a href="/contact">Contact</a></li> </ul> </nav> </header> <!-- Le contenu principal de la page serait placé ici --> </body> </html> |
Ce qui affiche au navigateur:
Younes Derfoufi
CRMEF OUJDA
1 thought on “Usage de la balise <header> HTML”