La balise <header> HTML

Contenu du cours

Description de la balise <header>
Caractéristiques de la balise <header>
Exemples d'usages de la balise <header>

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

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

"""

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>

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

</main>

</body>

</html>

Younes Derfoufi
CRMEF OUJDA

Post Views: 359

Acheter sur Très Facile !

La balise <header> HTML

1. Description de la balise <header>

2. Caractéristiques de la balise <header>

3. Exemples d'usages de la balise <header>

Langage Python pour les Nuls, 3e éd - John Paul Mueller

Ouvrage de Référence Python : Exploration Approfondie du Langage Python

Routeur Tenda avec Carte SIM 4G09 AC1200 Bi- bandd 4G + Cat6 300Mbps, Connectivité Jusqu'à 64 Appareils

1 thought on “La balise <header> HTML”

Leave a Reply Cancel reply