HTML sémantique
Le HTML sémantique consiste à choisir des balises qui donnent un sens clair au contenu : en-tête, navigation, article, pied de page, etc.
Pourquoi c’est utile ?
Les lecteurs d’écran comprennent mieux la page, les moteurs de recherche identifient mieux le contenu, et le code reste plus facile à maintenir.
Balises sémantiques clés
header, nav, main, section, article, aside, footer.
Structure sémantique d’une page
<body>
<header>
<h1>Mon blog</h1>
<nav>
<a href="/">Accueil</a>
<a href="/articles.html">Articles</a>
</nav>
</header>
<main>
<article>
<h2>Mon article</h2>
<p>Contenu principal</p>
</article>
<aside>
<p>Articles liés</p>
</aside>
</main>
<footer>
<p>© 2026 HTML<3ver</p>
</footer>
</body>
Bon réflexe : utilise div seulement quand aucune balise plus précise n’existe.