Pourquoi la sémantique ? (SEO et accessibilité)

Avant HTML5, on utilisait souvent <div> partout. Résultat : code moins lisible et structure difficile à interpréter.

<div class="header">Mon logo</div>
<div class="menu">Accueil | Contact</div>
<div class="content">Bonjour</div>
<div class="footer">Copyright</div>

Ce style de code est parfois appelé "div soup".

Pourquoi c'est un problème

1. Difficile à lire et maintenir pour les développeurs.
2. Moins clair pour les moteurs de recherche.
3. Moins exploitable pour les technologies d'assistance.

Le virage HTML5 sémantique

Le HTML sémantique consiste à choisir la balise selon son sens :

• header
• nav
• main
• article
• footer

Avantages :

• meilleure lisibilité pour les développeurs
• meilleure compréhension par les moteurs de recherche
• meilleure navigation pour les technologies d'assistance

En bref : deux blocs peuvent se ressembler visuellement, mais la balise choisie donne une information de sens essentielle.