HTML : La sémantique

Dans cette vidéo, nous découvrons ensemble l'importance de la sémantique en HTML,

un concept clé pour améliorer la lisibilité et l'accessibilité de nos pages web,

tout en permettant aux moteurs de recherche de mieux comprendre notre contenu.

Au lieu d'utiliser des balises génériques comme <div> pour structurer notre page,

nous optons pour des balises sémantiques qui décrivent mieux le rôle de chaque section de notre contenu.

Par exemple :

• <header> pour l'en-tête de la page, souvent utilisé pour le logo et la navigation.
• <footer> pour le pied de page, où l'on trouve des informations sur les droits d'auteur et les liens secondaires.
• <main> pour le contenu principal de la page (en évitant le faux ami anglais "main", qui signifie principal, pas main/hand 😉).
• <section> pour diviser le contenu en blocs logiques.
• <article> pour les éléments autonomes, comme un article de blog ou une publication.
• <aside> pour tout contenu connexe ou complémentaire, comme des liens, des citations ou des encadrés.

Ces balises ne sont pas seulement utiles pour l'organisation du code,

elles améliorent également le référencement (SEO) et l'accessibilité

en fournissant aux moteurs de recherche et aux technologies d'assistance des informations plus claires sur la structure du contenu.