Accueil Guide Internet Guide Professionnel Le web structuré et sa présentation

Publié le : 21 octobre 2003
Imprimer Imprimer cet article

Auteur :
Philippe Auriol

Philippe Auriol
Le web structuré et sa présentation
html, xhtml & css sont dans un bateau, html tombe à l’eau qui reste-t-il ?

Il y a quelques années, avec le boum des technologies d’information le web s’est vu brutalement popularisé. L’avantage c’est que désormais tout le monde peut "publlier sur Internaitt", l’inconvénient c’est qu’Internet devient illisible.

Le W3C est l’instance chargée de déterminer les standard à appliquer en matière de programmation Internet. La norme du moment n’est plus le html mais le xhtml appuyé par les CSS2 pour la présentation.

Je vous propose dans cet article de vous expliquer les avantages supposés ou réels de cette évolution.

AU COMMENCEMENT ÉTAIT LE WEB

Il y a quelques années (1989), un Européen du CERN, Tim Berners Leee, inventait la notion de liens hypertexte permettant de sauter de page en page sur le réseau de fichiers que constituait l’Internet. Ce langage s’est rapidement appelé html pour hyper-text mark-up language, ou langage hyper-texte de balises pour les francophones.

En 1994, il fonde le w3c en alliant le CERN au MIT pour établir les bases de ce que l’on confond désormais trop souvent avec l’Internet lui-même : le web (en français : la toile).

Le web est aujourd’hui la principale manière "informatique" de présenter de l’information : intranet, applications, Cd-rom, Internet, tout aujourd’hui se lit avec un navigateur (browser pour les anglosaxons).

Pourtant, si vous regardez aujourd’hui la manière dont sont programmées les pages Internet vous constaterez que le code mélange complètement la structure du document, la signification des balises et l’apparence.

C’est qu’au départ, les conseils de présentation du w3c proposés en 1995 (Html2) n’avaient pas prévu la dérive des éditeurs html qui , étant wysiwig (what you see is what you get, ce que vous voyez est ce que vous obtiendrez) s’occupaient davantage de l’apparence que de la signification des balises et de leur usage.

C’est fort de ce constat que le w3C propose aujourd’hui de nouvelles façons de penser son projet Internet en séparant : la structure, la signification et l’apparence.

HTML TOMBE À L’EAU QUI RESTE-T-IL ?

Seulement le xhtml et les CSS.

Le xhtml c’est quoi ?

En décembre 2000, le w3C décrête que la norme de demain sera le xhtml ce qui signifie eXtended html, de l’html avancé donc. Mais il est avancé en quoi ? Il a plus de balises ? Du tout, il en a même moins.

Diantre me direz vous, serait ce une contraction d’étoile annonciatrice d’une super-Nova ou la naissance d’un nouveau trou noir ?

En fait, le constat du mésusage des balises a amené le w3C a ne plus laisser dans les pages que le strict nécessaire à la structure et à la sémantique. Désormais les tableaux sont des outils de présentation de données en tableau, les listes ne doivent plus servir...qu’à faire des listes et les titres redeviennent des titres avec la renaissance des balises Hn. Finis les tableaux destinés à rendre une page rectangulaire, finis les balises font tout les deux mots.

Bon, nous voilà donc avec un langage structuré d’accord, et ayant du signifiant (sémantique) d’accord aussi. Mais si c’est pour avoir une page en noir et blanc défilant sur quelques kilomètres de roulette de souris en quoi est-ce une avancée ?

C’est une avancée car la présentation est désormais détachée du xhtml, c’est le rôle des CSS.

Et les CSS ?

Après avoir banni des pages Internet les balises font, les présentations en tableau et autres mauvaises habitudes des temps jadis (qui sont pourtant notre quotidien smiley ) il a fallu proposer une manière nouvelle d’assurer la présentation des données de la page xhtml.

C’est en 1996, que les CSS sont officiellement mise sur pied, en 1998 que la version 2 voir le jour mais seulement aujourd’hui que leur usage peut être envisagé sereinement ; en effet, jusque là les navigateurs ne les comprenanient pas vraiment et affichaient tout et n’importe quoi. De nos jours, mis à part quelques bugs connus, les navigateurs récents supportent les CSS et présentent tout celà de jolie façon.

Le Html est donc enterré par le W3C mais rassurez vous : le mort se porte encore bien ! En effet, le W3c propose des évolutions à suivre, en coordination avec les fabricants de navigateurs Internet mais ces évolutions sont à compatibilité descendante : un lecteur de xhtml doit savoir lire et afficher le html.

Mais alors, comment un navigateur sait il qu’il doit lire une page selon les normes du html ou du xhtml puisque les balises sont les mêmes ?

Normalement, toute page du web doit commencer par dire de quelle manière elle est écrite : en xhtml, en html et en quelle sous version ou variante. Cela s’appelle la déclaration du type de document (DOCTYPE).

Si une page est en html 4.01, le DOCTYPE sera :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
       "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

Si il s’agit d’une page en XHTML transtionnel, cela donnera :


<?xml version="1.0" encoding="iso-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">

Oui, mais si la page est écrite avec un traitement de texte infâme qui ne sait pas écrire le html correctement, comment va t on savoir ce qui est écrit ?

Les navigateurs sont faits pour lire comme du html2 ou 3 tout ce qui est écrit avec des balises html, ils savent également gommer les erreurs de code en les oubliant et rendre finalement quelque chose à l’affichage.

Bien sûr ce n’est peut être pas exactement ce que désirait l’auteur de la page mais l’essentiel est que ce soit lisible non ?

Ce mode de lecture est appelé "quirks" (en français : capricieux) car finalement d’un navigateur à l’autre le rendu est différent et c’est ce qui entraîne l’apparition de sites "optimisés pour" au lieu de sites simplement "bien programmés".

Alors oui, vous avez tout à fait le droit de continuer à écrire du html avec les pieds et d’ailleurs c’est encore ce que font la majorité des sites web mais si vous souhaitez pouvoir désormais améliorer votre travail en le rendant plus lisible, plus accessible, plus léger et plus facile à faire évoluer : il va vous falloir vous intéresser au xhtml et aux css.

Quelques liens ?

 Le langage sémantique du web avec Openweb
 Apprentissage des CSS
 Manuel en Français XHTML
 Manuel en Français CSS2


Document joint à l'article

Manuel des CSS2 en Français - le manuel de référence expliquant en Français le bon usage des CSS2, origine yoyodesign.

Cliquez ici pour réagir à cet article

Imprimer Imprimer cet article


Réactions à l'article :