Copyright © Schematix 2006
Mentions légales

retour à la rubrique informations
cet article fait suite à L'introduction sur les standards.

Les avantages des standards

Quels sont les avantages concrets de l’utilisation de XHTML et CSS dans la création de site internet ? Nous essayons de présenter les enjeux que représente l'utilisation de ces standards ; il s'agît d'un article assez dense.

XHTML et CSS : C'est quoi ?

XHTML (eXtensible HyperText Markup Language) n’est rien d’autre que la reformulation de HTML4 en XML1.0. Autrement dit, XHTML est le standard d’écriture des pages web. Dans les spécifications du W3C, la page écrite en XHTML ne doit pas contenir d’informations relatives à la mise en page.

CSS (Cascading Style Sheets ou feuilles de style en cascade) sert à gérer la mise en forme d’un document XHTML (typographie, inter lettrage, couleurs, etc..).

On a donc d’un côté le fond avec XHTML et sa mise en forme avec CSS. Tant que CSS était mal pris en charge par les navigateurs, forme et fond étaient confondus dans un même fichier HTML spécifiant pour chaque élément ses attributs de mise en forme à l’aide de balises spécifiques.

Le fond et la forme

L’idée est donc d’avoir pour un site internet donné, un ensemble de pages qui sont liées à une seule et même feuille de style CSS (c’est le cas du site que vous avez sous les yeux).

Le premier avantage évident de cette séparation est de pouvoir changer la forme sans toucher au contenu du site. On peut par exemple changer la taille et la typographie utilisée pour tous les paragraphes d’un site en ne touchant qu’au seul fichier CSS là où précédemment il était nécessaire de modifier plusieurs balises à l’intérieur de chacune des pages du site. On peut même faire une refonte graphique complète du site en ne remplaçant que le fichier CSS.

La conséquence directe est une simplicité de mise à jour sensiblement augmentée et par conséquent un budget de maintien du site nettement diminué.

Plus rapide et moins cher

Dans la mesure où la page XHTML ne contient plus d'informations relatives à la mise en page, il est bien évident qu'elle est plus légère ; beaucoup plus légère. Le fichier CSS gérant la présentation étant le même pour toutes les pages du site, il n'est chargé qu'une fois lors de la première connexion puis se trouve ensuite dans le cache de votre navigateur (c'est à dire sur votre ordinateur).

Il en résulte un temps de chargement grandement diminué lors de l'affichage des pages suivantes. Il en résulte également des besoins de bande passante et d'espace disque réduits donc, des frais fixes de maintien de votre site internet plus modestes.

L'interopérabilité : un enjeu majeur

A l'heure actuelle, on voit une multiplication des conditions de consultation d'internet ; les systèmes alternatifs se multiplient (Macintosh, Linux) mais également les plateformes (téléphones mobiles, PDA, consoles, autres terminaux). Sans être devin, on peut prédire que ces terminaux « alternatifs » vont prendre une part de plus en plus importante chez les internautes.

Autrement dit, il n'est plus question de ne développer que pour la norme actuelle (Internet Explorer 6 sous Windows XP et écran 17 pouces). Il faut tenir compte de cette multiplication des conditions de consultation et du fait que cette multiplication va s'accentuer.

Se servir des standards est la seule façon de garantir la pérennité d'un site web conçu aujourd'hui.

L'accessibilité : du contenu pour tous

Les standards jouent également un rôle dans l'accessibilité des sites internet ; il y a en effet une part non négligeable d'internautes victimes de handicaps.

On peut prendre l'exemple des aveugles qui se servent pour surfer de lecteurs d'écrans vocaux (un logiciel lit la page et une voix digitalisée synthétise le contenu) ou de claviers braille (un logiciel lit le contenu de la page et le retranscrit en braille).

Il est évident que pour ce type de public, le design du site n'a aucun intérêt, pire, un site fait à « l'ancienne » (pages mélangeant fond et forme) peut s'avérer complètement incompréhensible.

De même que lorsque vous créez un magasin physique, vous vous devez de prévoir un accès pour les personnes handicapées. Il vous faut tenir compte de ce public pour la création de votre site web.

Le moteur de recherche : un grand handicapé

Il est un autre utilisateur handicapé dont vous ne pouvez vous passer : le robot de référencement de moteur de recherche. Il s'agit de petits programmes qui parcourent les sites internet pour en référencer le contenu. De même que pour les internautes aveugles, les informations de mise en page sont inutiles voire perturbantes et peuvent nuire au bon référencement de votre site.

C'est une des raisons qui expliquent que l'on voit de moins en moins de sites entièrement conçus en Flash, leur contenu étant totalement inaccessible aux moteurs de recherche et aux personnes handicapées.

Le revers de la médaille

L'utilisation exclusive des standards peut avoir un inconvénient : la compatibilité ascendante. Comme nous l'avons vu plus tôt, seuls les navigateurs récents ont une prise en charge convenable des standards ; la conséquence est un site qui peut avoir une présentation bancale sur les navigateurs plus anciens.

Néanmoins, il est possible de ménager ces navigateurs en faisant en sorte qu'ils aient accès au contenu du site sans mise en forme ou avec une mise en forme partielle.

C'est le (faible) prix à payer pour avoir un site conforme aux standards et garantissant une bonne compatibilité descendante (avec les futurs navigateurs). Prix à payer d'autant plus faible qu'est grande la vitesse à laquelle se renouvellent les équipements informatiques.

Pourquoi n'est-ce pas la norme ?

Si vous avez tout lu (vous êtes courageux), il vous apparaît évident que tous les sites internet devraient être développés en respectant les standards. Alors pourquoi tous les développeurs de sites web n'utilisent pas les standards (ils sont même une majorité dans ce cas) ?

Il faut être conscient que les nouvelles techniques de développement n'ont plus rien à voir avec les anciennes. Les développeurs ayant appris à développer en HTML « à l'ancienne » n'ont pas nécessairement conscience des avantages que peuvent leur apporter les standards. Qui plus est, se former à l'utilisation de ces standards représente un gros investissement personnel et un gros investissement de temps, un développeur prisonnier d'une logique de production et d'échéances à tenir vis à vis de ses clients n'a pas forcément de temps à se consacrer à sa formation. La plupart de ces gens se contentent d'un bon rendu de leur site sur Internet Explorer (et Mozilla Firefox si ils sont consciencieux).

Nous devons même reconnaître que nous-mêmes nous sommes mis aux standards progressivement et que nos réalisations les plus anciennes ne sont pas conformes aux standards actuels.