Ces balises structurent les grandes zones de la page.
Attention : <header> (zone visible) ne doit pas être confondu avec <head> (métadonnées invisibles).
<header>
En-tête visible de la page (logo, titre, etc.).
<header>
<h1>Mon blog</h1>
</header>
<nav>
Zone des liens principaux de navigation.
<nav>
<a href="home.html">Accueil</a>
<a href="contact.html">Contact</a>
</nav>
Elle se trouve souvent dans le header, mais pas obligatoirement.
<main>
Contenu principal de la page (en général un seul).
<main>
<!-- contenu principal -->
</main>
En pratique, on n'en met qu'un seul par page.
<footer>
Pied de page (mentions, liens secondaires, copyright).
<footer>
<p>© 2026 Tous droits réservés.</p>
</footer>
Structure type
<body>
<header>
<nav>...</nav>
</header>
<main>...</main>
<footer>...</footer>
</body>
Cette structure rend la page plus claire pour les développeurs, et facilite aussi l'interprétation par les moteurs de recherche et lecteurs d'écran.
Laisser un commentaire