Pourquoi utiliser le HTML sémantique ?

Transmettre du sens avec HTML

Un principe important dans la conception Web est l'idée d'utiliser des éléments HTML pour indiquer ce qu'ils sont réellement, plutôt que la façon dont ils peuvent apparaître dans le navigateur par défaut. C'est ce qu'on appelle l'utilisation du HTML sémantique.

Qu'est-ce que le HTML sémantique ?

Le HTML sémantique ou le balisage sémantique est un HTML qui introduit un sens à la page Web plutôt qu'une simple présentation. Par exemple, un

La balise indique que le texte inclus est un paragraphe. C'est à la fois sémantique et présentationnel car les gens savent ce que sont les paragraphes et les navigateurs savent comment les afficher.

À l'inverse de cette équation, des balises telles que et ne sont pas sémantiques. Ils définissent uniquement l'apparence du texte (gras ou italique) et ne fournissent aucune signification supplémentaire au balisage.

Voici des exemples de balises HTML sémantiques :

• Balises d'en-tête

  à travers

• |__+_| Abréviation |__+_| Acronyme |__+_| Citation longue |__+_| Définition |__+_| Adresse du ou des auteurs du document |__+_| Citation |__+_| Référence du code |__+_| Texte téléscripteur |__+_| Division logique |__+_| Conteneur de style en ligne générique |__+_| Texte supprimé |__+_| Texte inséré |__+_| Accent |__+_| Fort accent |__+_| Titre de premier niveau |__+_| Titre de deuxième niveau |__+_| Titre de troisième niveau |__+_| Titre de quatrième niveau |__+_| Titre de cinquième niveau |__+_| Titre de sixième niveau |__+_| Pause thématique |__+_| Texte à saisir par l'utilisateur |__+_| Texte pré-formaté |__+_| Citation courte en ligne |__+_| Exemple de sortie |__+_| Indice |__+_| Exposant |__+_| Texte variable ou défini par l'utilisateur