Retour au cours

Leçon 27 : Définir les régions structurelles (`<header>`, `<main>`, `<footer>`)

La Masterclass HTML : De Zéro à Développeur Web

27. Définir les régions structurelles

Ces éléments définissent les trois régions structurelles majeures d'une mise en page de page web typique.

27.1 L'élément <header>

Contient le contenu introductif ou un ensemble de liens de navigation. Une page peut avoir plusieurs headers (un pour la page et un pour chaque section/article majeur).

Contenu fréquent : Logo du site, titre du site, navigation (<nav>).

html

Mon Blog Personnel

27.2 L'élément <main>

Contient le contenu unique et central du document. C'est le sujet principal. Un document ne doit avoir qu'un seul élément <main>.

html

...
<main>
    <!-- Tout le contenu unique à cette page va ici -->
    <h2>Bienvenue sur la page d'accueil</h2>
    <p>Ceci est mon contenu principal.</p>
</main>

<footer>...</footer>

27.3 L'élément <footer>

Contient le contenu de clôture pour sa racine de sectionnement la plus proche (soit la page entière, soit une <section> spécifique).

Contenu fréquent : Informations de copyright, coordonnées, liens vers le plan du site.

html