20
Maîtrise des CSS
Figure 1.9
La page d’accueil de
microsoft.com
contient 323 erreurs
HTML et 34 erreurs
CSS.
La.validation.est.importante.car.elle.facilite.le.repérage.des.bogues.dans.le.code..Il.est.donc.
judicieux.de.prendre.l’habitude.de.la.faire.fréquemment.et.assez.tôt..Elle.n’est.cependant.
pas. une. fin. en. soi,. et. bien. des. pages,. qui. se. trouvent. être. par. ailleurs. très. satisfaisantes,.
échouent.à.la.validation.à.cause.de.petites.erreurs.comme.des.signes.d’esperluette.non.encodés.ou.du.contenu.hérité..Si.la.validation.est.importante,.il.faut.parfois.aussi.céder.au.bon.
sens.pratique..
Il existe plusieurs sortes d’outils de validation. Vous pouvez vous rendre à l’adresse http://validator.
w3.org/, où vous tapez votre URL. Si vous devez faire des validations fréquemment (ce qui serait en
principe judicieux), il sera peut-être fastidieux de saisir chaque fois votre URL. Pour ma part, j’utilise un
bookmarklet (ou favelet) de validation – un petit programme JavaScript stocké dans le dossier Favoris du
navigateur. Quand je clique dessus, cela déclenche l’action JavaScript correspondante. Dans le cas du
bookmarklet de validation, la page actuellement consultée est transmise au validateur du W3C et affiche
le résultat. Vous trouverez le bookmarklet de validation et d’autres bookmarklets pratiques pour le développement web à l’adresse http://favelets.com/.
Si vous utilisez Firefox, vous pouvez télécharger et installer un grand nombre de plug-ins. Parmi ceux-ci,
mon favori est l’extension Web Developer. En plus de permettre de valider le code HTML et CSS, elle
offre la possibilité de réaliser une série d’autres tâches pratiques comme la démarcation graphique des
différents éléments HTML, la désactivation des feuilles de styles et même l’édition des styles dans le
navigateur. Elle peut être téléchargée à l’adresse http://chrispederick.com/work/web-developer/. Elle est indispensable à tous les développeurs CSS qui utilisent Firefox. L’autre excellent outil
est l’extension Validator, téléchargeable à l’adresse http://users.skynet.be/mgueury/mozilla/.
Il existe aussi une barre d’outils de développeur pour Internet Explorer 6 et 7, qui peut être téléchargée
à l’adresse http://tinyurl.com/7mnyh. Elle n’est pas aussi riche en fonctionnalités que la barre
d’outils Firefox, mais tout de même très utile. Internet Explorer 8 inclut son propre jeu d’outils pour les
développeurs, tout comme Safari 4.
Les.déclarations.DOCTYPE,.si.elles.sont.importantes.pour.la.validation,.sont.aussi.utilisées.
par.les.navigateurs.à.d’autres.fins.
Maîtrise des CSS
Figure 1.9
La page d’accueil de
microsoft.com
contient 323 erreurs
HTML et 34 erreurs
CSS.
La.validation.est.importante.car.elle.facilite.le.repérage.des.bogues.dans.le.code..Il.est.donc.
judicieux.de.prendre.l’habitude.de.la.faire.fréquemment.et.assez.tôt..Elle.n’est.cependant.
pas. une. fin. en. soi,. et. bien. des. pages,. qui. se. trouvent. être. par. ailleurs. très. satisfaisantes,.
échouent.à.la.validation.à.cause.de.petites.erreurs.comme.des.signes.d’esperluette.non.encodés.ou.du.contenu.hérité..Si.la.validation.est.importante,.il.faut.parfois.aussi.céder.au.bon.
sens.pratique..
Il existe plusieurs sortes d’outils de validation. Vous pouvez vous rendre à l’adresse http://validator.
w3.org/, où vous tapez votre URL. Si vous devez faire des validations fréquemment (ce qui serait en
principe judicieux), il sera peut-être fastidieux de saisir chaque fois votre URL. Pour ma part, j’utilise un
bookmarklet (ou favelet) de validation – un petit programme JavaScript stocké dans le dossier Favoris du
navigateur. Quand je clique dessus, cela déclenche l’action JavaScript correspondante. Dans le cas du
bookmarklet de validation, la page actuellement consultée est transmise au validateur du W3C et affiche
le résultat. Vous trouverez le bookmarklet de validation et d’autres bookmarklets pratiques pour le développement web à l’adresse http://favelets.com/.
Si vous utilisez Firefox, vous pouvez télécharger et installer un grand nombre de plug-ins. Parmi ceux-ci,
mon favori est l’extension Web Developer. En plus de permettre de valider le code HTML et CSS, elle
offre la possibilité de réaliser une série d’autres tâches pratiques comme la démarcation graphique des
différents éléments HTML, la désactivation des feuilles de styles et même l’édition des styles dans le
navigateur. Elle peut être téléchargée à l’adresse http://chrispederick.com/work/web-developer/. Elle est indispensable à tous les développeurs CSS qui utilisent Firefox. L’autre excellent outil
est l’extension Validator, téléchargeable à l’adresse http://users.skynet.be/mgueury/mozilla/.
Il existe aussi une barre d’outils de développeur pour Internet Explorer 6 et 7, qui peut être téléchargée
à l’adresse http://tinyurl.com/7mnyh. Elle n’est pas aussi riche en fonctionnalités que la barre
d’outils Firefox, mais tout de même très utile. Internet Explorer 8 inclut son propre jeu d’outils pour les
développeurs, tout comme Safari 4.
Les.déclarations.DOCTYPE,.si.elles.sont.importantes.pour.la.validation,.sont.aussi.utilisées.
par.les.navigateurs.à.d’autres.fins.