Tuf's

Beaucoup de bruit a été fait autour de la sémantique Web. De nombreux experts ont écrit plein d'articles plein de mots pour dire qu'il fallait l'utiliser. Principalement parce que ces gens aiment la logique et les choses structurées. Chacun ses passions... Mais en quoi cela concerne le webmaster moyen ? c'est quoi cette histoire de tag sémantique ?

Faire une page Web sémantique signifie que c'est une page avec du "sens". En html/xhtml, ca veut dire qu'on peut utiliser des éléments, des tags qui ajoutent du sens. Par exemple si vous avez un gros Titre en haut de votre page et ensuite un sous titre, c'est possible d'utiliser un tag <h> pour le signifier. De même si vous avez une citation, vous pouvez utiliser le tag <blockquote> plutôt qu'un autre qui n'est pas vraiment fait pour ça.

L'idée est de se demander ce que c'est avant de se demander comment on souhaite l'afficher. Une fois que tout votre texte est structuré, avec la sémantique la plus précise possible (si vous avez mis uniquement des <div>, ce n'est pas vraiment ce que j'appelle une structure), vous pouvez associer une apparence a chacun de ses tags avec une feuille de style CSS.

Mais pourquoi faire tout ça ?

Parce que maintenant que tout est structuré, utiliser les CSS sont très puissants.

Une seul fichier CSS pour définir l'apparence de toutes les pages du site. Si vous décidez de mettre en bleu tous les titres des pages de tout le site, une seule ligne suffit :

h1 {color:blue}

Vous gagnez donc énormément de temps. En plus il est fort probable que l'apparence de vos pages change avant leur structure, la encore vous n'aurez qu'a mettre à jours le fichier CSS

Parce qu'aujourd'hui un nombre non négligeable de personne n'utilise pas un ordinateur pour aller sur le net.

La Wii, les téléphones portables, la PSP, les PDA, tous les terminaux mobiles sont tous tres capable d'afficher votre site. Ca sera encore plus vrai demain. Si vous avez introduit de la sémantique dans vos pages, elles s'afficheront mieux c'est aussi simple que ça. Si vous êtes vraiment intéressé par ce public vous pouvez même définir un fichier css pour les terminaux mobiles pour que l'affichage soit parfait.

Parce qu'en ajoutant de la sémantique, vous avez rendu votre site plus accessible.

Les navigateurs vocaux par exemple vont pouvoir indiquer à leur utilisateurs directement quel est le titre de la page.

Parce que vous venez d'augmenter votre visibilité dans Google.

Les moteurs de recherche se servent de la sémantique pour savoir quels sont les mots les plus importants de la page. Si vous placez dans votre <h1> un titre pertinent. La visibilité de votre page sera meilleure dans les moteurs de recherche.

Ce n'est que le début

Tout ça n'est que le début de la sémantique Web. Quand le vocabulaire de tag sera exploité à son potentiel, le Web sera une mine d'information encore plus impressionnante qu'aujourd'hui car ce sera une mine structurée (avec des panneaux pour dire où on se trouve).

Un exemple simple :

Si un grand nombre du webmasters du monde utilisaient les tags <dt> et <dd> qui servent respectivement à définir un mot (Definition Term) et sa définition (Definition Description). On pourrait faire tourner des logiciels, des robots qui parcourent Internet à la recherche de toutes les définitions d'un mot. Un peu à la manière du service de définition proposé par Google

Un autre exemple :

Si on décrivait un vocabulaire de Tag HTML pour décrire la composition d'une équipe de foot. Quelque chose comme :

<capitaine>Marcel Desailly</capitaine>
<Milieux offensif>Franck Ribéry</Milieux offensifs>
<gardien>Grégory Coupet</gardien>
etc

et si un nombre suffisant de site Web de club de foot l'utilisait. Un simple ordinateur suffirait a les compiler et en faire un espèce de moteur de recherche de foot et ainsi retrouver facilement quelle était la composition exact en 1912 de l'équipe de France et de celle d'Italy au lieu de devoir consulter les archives de chaque club ou un bouquin datant de cette époque.

Voila c'est fait, la première version public d'Internet Explorer 7 est disponible.

Depuis cette nuit vous pouvez la télécharger. Par contre attention il vous faudra avoir un Windows authentifié.

Ma première impression est simple : ça ressemble à un espèce de Firefox en style aqua. J'ai été très étonné de voir que Google était le moteur de recherche par défaut mais peut être que cette préférence a été importée de quelque part.

On peut zoomer jusqu'a 1000%, peut être dans un souci d'accessibilité. Par contre le ctrl+molette est inversé comme dans Word.

Ca ressemble un peu trop à un jouet pour moi, j'espère qu'on pourra changer le skin... et mettre des plugins d'outils pour le référencement.. Et que ca ressemble à firefox en fait !

Par contre l'acid test c'est pas encore ça du tout !

Sur un de mes sites, il détruit totalement la mise en page. On va dire que c'est parce que c'est une beta...

Enfin rien a voir avec une beta google like.

[edit : si vous voulez le désintaller ensuite (ce que je viens de faire). Il faut passer par ajouter/supprimer des programmes en cochant la case "Afficher les mises à jours]

En voila une bonne nouvelle ! Le pape des standarts francophone, Raphael GOETTER et son complice graphiste Dew, lance une agence web ! Avec tous les sites gouvernementaux qui doivent passer aux standarts depuis la nouvelle loi, je pense qu'ils ne manqueront pas de travail. J'ai hate de voir leur prochaine réalisation.

Il ne reste plus qu'a savoir si ils recrutent héhé

voici un validateur w3c qui test toutes les pages de votre site d'un seul coup. En plus il y a une jolie intégration Ajax. Son seul défaut, c'est quand un lien pointe vers une image directement, il essaye de lui faire passer la validation. En tout cas c'est un outil qui va vous faire gagner du temps.

l'Acid Test est un célèbre test qui permet de déterminer si un navigateur interprète correctement l'HTML et le CSS selon les standards du W3.

Jusqu'a présent je pensai que le navigateur le plus proche de l'interprétation parfaite était firefox mais il semble que Safari, le navigateur Mac vient de le réussir !