ARGUMENTAIRE

XHTML & CSS 2

Par Anthony Stéphan - 15/02/2007
SOMMAIRE

1. Présentation de XHTML..........................................................................................3
2. Présentation de CSS 2............................................................................................3
3. Argumentaire XHTML - CSS 2................................................................................3
1.1Modularité...........................................................................................................3
1.2Portabilité............................................................................................................3
1.3Légèreté...............................................................................................................4
1.4Accessibilité........................................................................................................4
1.5Pérennité.............................................................................................................4

2
1. Présentation de XHTML

XHTML (eXtensible HyperText Markup Language) est un langage de description (balisage)

servant à l'écriture de pages web. XHTML est le successeur de HTML et il se base sur la
syntaxe définie par XML et les normes HTML 4.01.

2. Présentation de CSS 2
Les feuilles de styles en cascade contiennent des instructions destinées à régir la présentation
d'un document Web. Ces instructions peuvent être écrites pour différents périphériques de
sortie, elles peuvent faire partie intégrante d'un document HTML ou être rassemblées en un
fichier séparé auquel plusieurs documents HTML sont liés.

3. Argumentaire XHTML - CSS 2

Cet argumentaire démontre que l’adoption des standards du web en vue de réaliser des sites
normalisés XHTML - CSS 2 permet d’améliorer sensiblement de nombreux aspects d’un site
web : rapidité d’affichage, sémantique web, référencement, portabilité et processus
d’assurance qualité.

1.1 Modularité

L’utilisation des technologies XHTML et CSS 2 conduit à la séparation entre les

informations de mise en page (couleurs, marges, décoration etc.) et le contenu.

Les pages XHTML ne contiennent pas d’information de mise en page mais un balisage
sémantique des informations. Le code est donc très lisible et sa maintenance s’avère être
nettement simplifiée par rapport à une construction de page en tableaux.

Les feuilles de styles en cascade CSS organisent l’ensemble des règles de présentation des
pages XHTML. Le contrôle de la mise en page repose donc essentiellement sur CSS.
Ainsi, il est inutile d’intervenir sur les pages ou les gabarits XHTML pour effectuer une
modification de mise en page, une intervention sur la feuille de style suffit pour changer
l’interface, jusque dans son intégralité. Cette parfaite modularité permet de réaliser des
changements « à la volée » d’interface et d’améliorer l’expérience utilisateur.

1.2 Portabilité

Cette modularité dans le développement introduite par le couple XHTML / CSS 2 permet
également de doter les pages XHTML de la souplesse nécessaire pour permettre la
consultation avec des appareils très variés, de l'ordinateur de bureau au téléphone portable en
passant par le PDA. Cette nouvelle portabilité a pour conséquence une visibilité « grand
angle ».

3
Elle permet par ailleurs de proposer un site en version imprimable sans réaliser des pages
dédiées à l’impression : une feuille de style print se charge automatiquement du travail de
conversion au moment de l’impression.

1.3 Légèreté

Le respect de la sémantique web réduit considérablement le code nécessaire. Seules les

balises XHTML qui ont un sens sont conservées.

Les feuilles de styles en cascade sont chargées une seule fois par l’internaute. Après celui-ci,
la consultation du site est pleinement fluide : le temps d’attente est réduit et la satisfaction
internaute est réelle, même à l’heure du Haut débit.

Ces deux évolutions se concrétisent aussi par une importante économie de bande passante.
On estime en effet pouvoir réduire de 50% en moyenne le poids d’une page lors de son
passage d’une mise en page en tableaux HTML à une mise en page XHTML - CSS 2.
Autant dire que pour un site à forte audience, le gain en termes de coûts d’hébergement est
loin d’être négligeable.

1.4 Accessibilité

Le respect des standards et de la sémantique web est un terreau propice à l’accessibilité.

Si le seul usage de ces technologies ne permet pas de rendre un site accessible, il rend
néanmoins n’importe quel site moins inaccessible et crée une fondation favorable à
l’accessibilité.

Les moteurs de recherche - Google est à date l’aveugle le plus courtisé - circulent avec plus
d’aisance dans le site. Le référencement est facilité et de ce fait, la position des pages dans les
moteurs de recherches est améliorée.

1.5 Pérennité

La compatibilité d’un site XHTML - CSS 2 est assurée avec les anciens et les futurs
navigateurs web. Ces standards ont été promulgués par le W3C dans un objectif de pleine
intéropabilité. Il s’agit donc d’une solution pérenne qui permet d’anticiper sur le futur.