Le CSS et les standards
Rédigé par Xavier - - Aucun commentaire
Aujourd'hui beaucoup de gens comprennent qu'il est important d'utiliser un langage standardisé pour coder les sites web, afin que tous les navigateurs puissent les afficher sans problèmes. Mais ce ne fut pas toujours le cas, et si vous êtes curieux je vous conseille de lire l'article de Wikipédia sur la guerre des navigateurs.

De nos jours, un bon designer doit adapter son code pour qu'il fonctionne sur tous les navigateurs. C'est généralement simple, du fait qu'ils se sont tous mis d'accord pour respecter les standards CSS établis par le W3C, mais Internet Explorer fait toujours exception. Ce navigateur, connu pour son mépris des standards établis, nécessite souvent des bouts de code spécifiques pour fonctionner.
La situation est en train de s'améliorer, le plus agaçant était IE6 mais tout le monde se ligue actuellement contre lui, par exemple Youtube et même Microsoft! La situation est moins pire avec IE7/IE8, et elle devrait en plus être anecdotique avec IE9 si on en croit les propos de Microsoft.
En attendant il est toujours important d'écrire un code propre et standardisé. Pour cela le W3C propose plusieurs outils de vérification en ligne, par exemple: le HTML Validator et le CSS Validator. Ces outils sont capables de détecter les parcelles de code non conformes et d'expliquer la correction à apporter.
Pour ma part j'ai débuté avec 104 erreurs au test de validation HTML, et 9 erreurs dans le CSS. J'ai corrigé toutes celles du HTML (heureusement on en élimine parfois une dizaine d'un coup) mais il me restait ensuite le problème du CSS. Cela était du à certaines balises "officieuses" que j'utilisais, les border-radius. Elles permettent de donner des effets d'arrondis sur les bordures, mais même si la majorité des navigateurs la reconnaissent, elle n'est officiellement pas valide. Il y a donc deux alternatives: soit on laisse tomber les effets, soit on utiliser des images de fond pour simuler l'arrondi. Personnellement j'ai fait un peu les deux, et mon code CSS est maintenant valide.