Elbakin.net

En fait, contrairement à la célèbre tirade dont elle s'inspire, la réponse à cette question ne fait aucun doute : Dans le web d'aujourd'hui, on ne peut pas créer ou faire la refonte d'un site sans prendre en compte cet aspect essentiel qu'est la sémantique.

Mais avant de voir à quel point c'est super giga cool la sémantique qu'on se demande même comment qu'on faisait avant, voyons un peu à quoi correspond précisément la sémantique dans le contexte du Web.

Bon, comme tout un chacun le sait, enfin 1 personnes sur 5 on va dire plutôt, un page HTML est constituée de balise et de textes. Le texte, bah c'est du texte, de l'info, du contenu, et les balises, c'est ce qui va permettre de structurer ce contenu. Placer une image ici, mettre un formulaire là, un tableau dans le coin là bas, etc ...
En gros, l'HTML c'est un langage de description qui va permettre de pouvoir dire au navigateur, tiens ça c'est un élément de tel type et je veux que tu me le mettre là !. Jusqu'ici tout va bien, pas de problème. Sauf que voilà, sans vous détailler les raisons non plus, il se trouve que l'évolution d'Internet a fait que la plupart des webmasters écrivaient et écrivent encore leurs pages n'importe comment, utilisant des éléments à la place d'autres plus adaptés sans s'en soucier puisque le rendu à l'écran était le même !
Sauf que voilà, si un élément mis en italique, un élément qu'on veut mettre en emphase et un élément auquel on fait référence (titre d'ouvrage par exemple) finissent par avoir la même mise en forme, italique, à la base leur sens n'est pas du tout le même.

Si vous avez compris ça, vous touchez du doigt la notion de sémantique sur le net.

Revenons en maintenant à l'utilité de la sémantique et au pourquoi on ne peut pas la négliger dorénavant ...

Parce que oui après tout, pourquoi s'embêter à connaître 3 balises différentes qui donnent le même rendu et perdre du temps à voir laquelle est la plus adaptée ? Moi quand je vais sur Internet et que je regarde mon écran, je vois pas les balises, je vois un machin en italique tout simplement.
Oui sauf que voilà, vous n'êtes pas tout seul. Si d'un ordinateur à un autre, à quelques défauts d'interprétations des navigateurs classiques près, le rendu est le même, dès qu'on sort un peu de ce schéma les choses sont bien différentes.

Exemple concret n°1 : Muni de votre nouveau mobile dernier cri, vous êtes en train de faire le fier devant les potes, et puis y'a un ptit malin (non non, pas l'ours Gabby .....) qui vous dit : Vas y, montre voir ce que ça donne le wap. Là vous vous connectez et Ô malheur, au bout de 30 secondes la page n'apparaît toujours pas ... 5 minutes plus tard, la page finit de se charger et apparaît, malheureusement quasi illisible puisque pas du tout adaptée à l'écran lilliputien de votre portable ...

Exemple concret n°2 : Vous êtes malvoyant. Vous utilisez donc un lecteur vocal pour vous aider à comprendre ce qu'il y a sur l'écran. Sauf que le lecteur d'écran, une balise qui définit une citation ça va lui parler et il va prendre une voix légèrement différente quand il va lire ça, tandis qu'un texte juste mis en italique, et bien ça ne va rien lui dire du tout et je veux bien que vous m'expliquiez comment on parle en italique ...

Exemple concret n°3 : Vous êtes un geek. Comme tout bon geek qui se respecte, vous installez Linux 3 fois par mois pour tester le dernier patch du nouveau noyau. Et évidemment, vous choississez des distributions qui n'ont pas de serveur graphique installé par défaut parce que c'est pour les noob ça. Et oh ! Problème, il vous manque le dernier driver de votre carte graphique et vos 3 autres ordis sont tombés en rade ce matin justement. Qu'a cela ne tienne, vous allez lancer Lynx, un navigateur en mode texte pour aller le récupérer. Et là, dans la jungle des sites optimisés pour IE 6 800x600 et autres mises en page par tableaux, vous passez votre temps à râler contre ces incapables qui codent leur pages n'importe comment ... et vous rendent le web impossible

Exemple concret n°4 : Vous êtes le robot d'un moteur de recherche, Google au hasard (quel hasard ...). Vous passez donc votre temps à vous balader sur les sites, à enregistrer tout ce qui vous tombe sous le nez et à suivre tous les chemins possibles en même temps pour donner pleins d'infos à Mr Google. Sauf que pour vous en tant que GoogleBot, dans les pages que vous regardez, un titre ça a beaucoup plus d'importance qu'un texte normal pour définir le sujet de la page. Et un titre vous l'identifiez par la balise titre, pas par un paragraphe mis en gras...

Voilà en quelques exemples, une infime partie du pourquoi de la sémantique.

C'est donc pour tout cela et bien plus, qu'Elbakin.net V3 sera sémantique ou ne sera pas ! Et c'est pour ça aussi que j'ai passé ma soirée de hier soir à retaper toutes les news du mois pour prendre en compte cette sémantique ...