Web Sémantique

HTML 5

HTML 5 est la version standardisée du langage HTML, finalisée en octobre 2014, en remplacement de XHTML1.x et HTML4.

En décembre 2017, la dernière version (5.2) est publiée par le W3C.

Sémantique

Depuis HTML 4.0, il faut distinguer les données, en HTML, de leur représentation visuelle (en CSS). Plus important encore depuis HTML 5, il faut donner du sens, la sémantique, aux données qui soit compréhensible par les navigateurs et les robots.

Mais que signifie l'adjectif "sémantique" ? En résumé : Qui concerne le sens, la signification.

Une balise sémantique va donc donner du sens, une indication sur le contenu qu'elle contient. Cela permet également de fournir le rôle, l'importance relative des différents éléments de la page web.

Mais pourquoi utiliser des balises sémantiques ?

Clarté et Maintenabilité Un code HTML bien structuré est plus facile à lire et à maintenir. Cela facilite les évolutions futures du projet et la collaboration entre développeurs.

Performance L'utilisation correcte des balises évite des surcharges inutiles (comme l'abus de <div>), ce qui peut améliorer la performance du site en termes de rendu et d'interaction.

Cependant, il existe d'autres raisons plus précises qui soulignent l'importance d'utiliser systématiquement des balises sémantiques.

Accessibilité Les balises sémantiques permettent aux lecteurs d'écran et autres technologies d'assistance de comprendre et d'interpréter correctement le contenu pour les personnes en situation de handicap. Témoignage

SEO (Référencement) Les moteurs de recherche analysent la structure HTML pour classer le contenu. Une balise inappropriée peut nuire à la visibilité du site.

Deux grandes catégories

On peut catégoriser les balises sémantiques :

• les balises de contenu (Voir chapitre précédent )
• les balises de structuration (Voir section suivante )