Les balises sémantiques

Un squelette de page avec du sens

<header>
<nav>
  <a href="/">Accueil</a>
  <a href="/contact/">Contact</a>
</nav>
</header>

<main>
<section>
  <h2>À propos</h2>
  <p>...</p>
</section>
</main>

<footer>
<p>&copy; 2026</p>
</footer>

• header : l’en-tête d’une page ou d’une section (souvent logo et titre).
• nav : un bloc de liens de navigation.
• main : le contenu principal, unique par page.
• footer : le pied de page.

section et article

<article>
<h2>Titre de l'article</h2>
<p>Un contenu qui a du sens tout seul, meme extrait de cette page.</p>
</article>

Un article a du sens isolé de son contexte (un billet de blog, un commentaire) ; une section regroupe une partie thématique qui dépend du contexte qui l’entoure.

À toi de jouer

Structure une page avec un header contenant une nav, un main, et un footer.

<!-- HTML -->
<!-- Structure ta page ici -->