La W3C ? : World Wide Web Consortium ou la façon la plus "propre" de coder son site web. Oui parce que c'est pas parce qu'on est sur internet qu'on doit pas coder son bazar correctement ;) ... Le but de cet article ne sera pas d'apprendre à coder en HTML, il y a des sites qui le font déjà très très bien. Non je voudrais juste souligner un aspect du web et des applications qui y tournent qui me paraît important. La W3C n'est pas en soi une obligation, un site codé sans respecter cette charte fonctionnera sans doute très bien sous la plupart des navigateurs, mais il n'empêche qu'il sera quand même invalide à sa soumission à l'analyseur.

W3C c'est quoi ?

World Wide Web Consortium : ce qui comme son nom l'indique désigne un consortium, une "charte" à respecter lors de la création d'un site web. Une sorte d'étique en somme. Ces règles ainsi respectées garantissent un code propre et robuste. Bien coder, c'est coder efficacement et éviter des désagréments. Prenons un simple exemple : la balise . Sous le navigateur Mozilla Firefox, un texte enrichi d'une telle balise va se mettre à clignoter... mais uniquement sous Firefox, plutôt frustrant non ? Il en va de même pour d'autres balises ou paramètres applicables aux balises qui passeront sous certains navigateurs et pas sur d'autres. Ainsi prendre l'habitude de bannir la balise lors de l'insertion d'un élément flash est une bonne habitude. La balise fait la même chose et a le gros avantage de passer partout.

Et ça paye bien ?

Plutôt oui. commencer par ce que je j'ai cité plus haut. Il ne faut pas oublier que le HTML est un language de programmation. Son avantage (défaut ?) est qu'il est extrêmement permissif, c'est à dire qu'il tolère plusieurs formes pour un même résultat. Pour ne pas reciter / , on pourra parler du non refermage de balises (enfin dans certaines limites quand même :D ). Genre :

Figure 1 : Code vraiment sale...
Coucou !

marchera aussi bien que
Figure 1-bis : Code vraiment propre ...

Coucou !

Comment bien coder W3C ?

Avant toute chose, bien définir son header. Il y a plusieurs façons de voir les choses. Car même dans la W3C, on a différents degrés de contraintes, suivant si on est un fanatique ou non. Sur ce site, je suis fanatique, mais pas trop, je veux garder quand même un minimum de liberté sinon c'est pas drôle. J'ai donc opté pour du HTML dit "Transitionnal", le HTML des débuts du web, le 1.0 donc, brut de décoffrage (quoique un peu retravaillé m'enfin c'est pas le sujet) et donc parfaitement stable (mais faire joujou avec des versions supérieures n'est pas dangereux pour autant). J'en informe donc mon navigateur avant toute chose dès l'ouverture de la page web, histoire qu'il sache bien à quoi il a affaire, cela suivi d'une balise HTML enrichie d'un petit paramètre qui va bien :

Figure 2 : Bien ouvrir le bal>!--DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

En somme, nous avons dit au navigateur que nous lui donnions à manger une page HTML publique, répondant à la norme W3C relative au XHTML 1.0 transitionnel, cela en se référant à un fichier DTD (schéma/modèle) en ligne à l'adresse indiquée. Le paramètre ajouté à la balise HTML quant à lui sert à préciser vraiment à quoi va se référer le language en question (XHTML donc). Ensuite, une fois votre page bien initialisée, mettons-y du contenu !

Il y a quelques règles simples à respecter :
• Les balises fonctionnent généralement par paire ouvrante/fermante (texte) : penser à refermer une balise ouverte !
• Les balises dites "ponctuelles", qui n'ont pas de texte pour contenu souvent, se referment comme suit : On retrouve les balises >img border="0" />,
  , etc.
• Se renseigner quant aux balises / attributs tolérés par tous.
• Quand on code avec un language beaucoup moins permissif que HTML et qu'on code n'importe comment, on se fait jeter sans autre forme de politesse par l'analyseur dudit code.
• La plupart des sites qui apparaissent sont valides W3C (même Skyrock.com est valide W3C !)

Oui, mais comment je sais si telle balise ou tel attribut est correct ?

Il n'y a pas 36 solutions. Il faut avoir les bons outils. Il existe en ligne le validateur W3C à cette adresse où vous pourrez faire valider votre code fraîchement pondu par le robot, qui, à la manière d'un compilateur, va vous lister les erreurs et avertissements (en anglais désolé) qu'il aura trouvé dans votre code. Cette méthode est bien pratique mais a le gros désavantage d'être assez lourde et pas toujours disponible. En effet, si vous faites des tests sur votre code ou si vous développez en local donc sans accès à internet, le validateur devient difficilement employable...

C'est pour cela qu'on doit s'équiper des bons outils !

Téléchargez le navigateur Mozilla Firefox dans sa toute dernière version et installez les extensions Firebug et HTML validator. Vous voilà parés pour faire de belles pages web qui fonctionnent ! Firebug est un analyseur complet de la page web, qui vous détaillera le code, les styles utilisés, l'état des variables pour un script à l'instant t, etc, très utile pour débuggeur une application web écrite en JavaScript par exemple... HTML validator vous l'aurez deviné sert comme son nom l'indique à faire la même chose que le validateur en ligne, cela en apportant le confort d'une validation en continu. Ainsi, lorsque la page est chargée dans Firefox, les 2 extensions la passent au crible et en affichent les infos, ce qui est très plaisant.

Ainsi pour savoir quelles bonnes options choisir pour produire de belles pages, le validateur vous aiguillera ; m'enfin ça n'est jamais qu'un robot, l'être intelligent et supérieur c'est vous, du moins avec votre PC.

Enfin pour terminer avec la W3C, je n'aurais que 2 arguments pour faire taire les derniers réfractaires (et Dieu sait si j'en connais :D ) :

Non ça n'est pas réservé aux geeks la W3C, ça permet de faire des choses très jolies sans se soucier de la compatibilité entre navigateurs bien souvent.