Le temps des mises en page web à l’aide des tableaux est une période révolue. Aujourd’hui on parle davantage de XHTML, de feuilles de styles CSS et de standards W3C. Nous allons voir dans une série de 3 articles un aperçu de ces technologies.

Qu’est ce que c’est ?

Les standards sont une série de spécifications et directives émisent par un organisme appelé le W3C. Ces règles en constantes évolutions sont destinées à promouvoir l’évolution du web et à normaliser la façons dont les navigateurs web doivent afficher les pages web et les développeurs structurer leur code pour garantir une intéropérabilité optimale. XHTML, CSS, DOM sont issues des recommendations du W3C. Le W3C (Word Wild Web Consortium) est composé de personnes d’origines et de formations diverses et dirigé par Tim Berners-Lee, inventeur du web en 1989.

Qu’est ce que le XHTML ?

Le XHTML est une évolution du langage de balisage HTML. Le XHTML garde donc beaucoup de similitude avec le HTML mais il a été remanié de sorte à ce qu’il réponde aux exigences d’un document XML.

Pourquoi utiliser le standard XHTML ?

- Par ce que XHTML est le standard de balisage actuel.
- Par ce que XHTML est compatible avec les technologies basées sur XML.
- Par ce que XHTML est plus strict et cohérent que HTML et pose donc moins de problèmes d’affichages.
- Par ce que les navigateurs modernes réagissent mieux avec le XHTML.
- Par ce que le XHTML est portable sur d’autres agents web (périphériques sans fils, lecteur d’écran …).
- Par ce que l’utilisation du balisage XHTML structuré permet d’exporter dans les feuilles de style CSS les éléments de présentations, vos pages web sont plus légères et consoment donc moins de bande passante.

Pourquoi utiliser le standard CSS ?

- Par ce que CSS est le standard de présentation actuel.
- Par ce que CSS utilisé conjointement à l’XHTML permet de séparer le contenu de la présentation. Cela augmente la clareté du code et facilite donc sa maintenance.
- Par ce que CSS fait gagner du temps au développeur web. En effet l’utilisation d’une feuille de style externe permet de modifier le design d’un site en ne modifiant qu’un seul fichier.
- Par ce que les feuilles de styles CSS sont stockées dans le cache des navigateurs et ne sont pas rechargées par le serveur à chaque requête.

Quels sont les avantages pour le client ?

- Il fait des économies de bande passante donc d’argent.
- Son site est plus accessible donc touche un public plus large.
- La maintenance du site est plus aisée donc plus économique.
- Son site est plus optimisé pour faciliter le travail de référencement des moteurs de recherche.
- Son site est mieux préparé au passage des technologies futur du web.
- Son site est plus optimisé pour les navigateurs modernes.

Mes sources

- “Design Web : utilisez les standards” - Jeffrey Zeldman - Eyrolles