Qu'est-ce que la sémantique ?

La sémantique en XHTML est le sens d'une balise, sa définition. Ce langage de balisage offre de nombreuses balises qui permettent de mettre en gras, souligner ou encore créer des listes. Cependant, il permet de faire une même chose de plusieurs façons différentes. Ainsi, pour mettre un mot en évidence, on peut le faire de deux manières :

<strong>Mot</strong>

<span style="font-weight:bold">Mot</span>

La première a un sens sémantiquement : elle dit que le mot a une importance particulière dans le texte, et pour le montrer à l'utilisateur on a choisi de le mettre en gras. Hors, la deuxième utilise une balise universelle (span), on choisit une propriété CSS qui n'a pas d'effet sur le sens du mot mais seulement sur son style.

Ainsi, il est possible de faire un site uniquement avec les balises universelles div et span. Dans ce cas, le site n'aurait aucun sens sémantiquement. Il n'est donc pas obligatoire mais fortement conseillé d'utiliser la balise adéquate en fonction de ce que l'on veut faire.

Un exemple de problème de sémantique

Pendant longtemps, la mode a été de faire des structures de sites en utilisant la balise table qui permet de créer un tableau (c'était plus simple). Nous voyons bien qu'il y a un problème. Cette balise permet de créer des tableaux contenant des informations, selon un thème, avec des noms de colonnes et d'autres options. Elle ne doit pas être utilisée pour créer un site entier, cela n'a pas de sens (à part si votre site n'est qu'un simple tableau, mais ce serait étonnant ).

L'impact d'une bonne sémantique

Tout d'abord, sur qui la sémantique a-t-elle une influence ? Ce n'est pas sur les visiteurs du site car eux, sans regarder le code source, ne voient pas la différence. C'est donc les programmes qui lisent votre site comme les navigateurs ou les robots. Si on utilise les bonnes balises aux bons endroits, ils pourront comprendre l'organisation du site. Ainsi, les robots qui indexent les sites sur Internet favorisent les pages qui respectent la sémantique. Ils ne portent un intérêt qu'au contenu (titres, textes, images...), et pas à la mise en page (couleur, forme du trait...).

Il faut bien comprendre que les robots ne peuvent que lire et ne peuvent pas voir. Ainsi, ils ne seront sensibles qu'aux balises et au contenu, et pas à l'aspect visuel de la page. C'est donc l'opposé des visiteurs qui eux peuvent voir le contenu mais également la mise en page, le résultat graphique.

Sous Firefox, vous pouvez voir l'aspect de votre site sans la mise en page : allez dans le menu Affichage puis Style de la page et sélectionnez Aucun style.

Vous pouvez également utiliser des navigateurs comme Lynx.

Pour résumer

• La sémantique en XHTML signifie donner du sens à ce que l'on fait, utiliser la bonne balise au bon endroit.
• Un exemple de non-respect de la sémantique : faire un site entier en utilisant les balises qui servent normalement à faire un tableau (ça n'a pas de sens).
• Une bonne sémantique permet d'améliorer le référencement dans les moteurs de recherche comme Google.

Nombre d'inscrits : 232
Dernier membre : JosephGew
Visiteurs en ligne : 2
Membres en ligne : Aucun

Copyright © 2022 Xanetiz.com - Tous droits réservés