Aller au contenu
Miraat·dweb developer journey, reflected

HTML Sémantique

Utiliser les bonnes balises (header, nav, main, article…) au lieu de `div` partout.

Foundation 20 minutes Prérequis: Fondamentaux du HTML

Balises sémantiques principales

  • <header> : en-tête de page ou de section.
  • <nav> : navigation principale.
  • <main> : contenu principal (une par page).
  • <article> : unité autonome (post, card).
  • <section> : bloc logique thématique.
  • <footer> : pied de page ou de section.

Anti-pattern

<div class="header">…</div>   <!-- ❌ -->
<header>…</header>             <!-- ✅ -->

Utilisez les niveaux de titre (h1h6) dans l'ordre hiérarchique, sans en sauter.

Ressources recommandées