Les standards Internet - xHTML, CSS

Il fut un temps, lointain (au moins 4 ou 5 ans, une éternité sur le web...), où le mot standard n'aurait pas fait dresser l'oreille du moindre responsable de site.
C'était la glorieuse époque des sites remplis de couleurs, de clignotements, de tableaux dans tous les sens, où il fallait écrire plusieurs versions de son site, une pour chaque navigateur, chacun interprétant les recommandations (lorsqu'elles existaient) à sa façon, et apportant ses propres éléments (incompatibles avec les concurrents) par exemple les balises <MARQUEE> pour Internet Explorer ou <BLINK> pour Netscape, où la mise en forme, la présentation et les scripts se trouvaient intimement mélangés au contenu, tout ceci rendant la maintenance plutôt "chaotique" : l'intervention du graphiste provoquait des changements dans la signification du contenu, et le rédacteur n'osait pas modifier quoi que ce soit, sous peine de briser la belle mise en forme.

Pour limiter les dégâts, vous étiez parfois priés d'utiliser de préférence telle ou telle version de navigateur sous peine de ne disposer que d'une partie du contenu (ou de rien!).

Bien entendu, dans ce "fouillis", oser espérer rendre dans le même temps le site accessible à autre chose, navigateur texte ou vocal pour les déficients visuels, Internet mobile (qui il est vrai n'existait quasiment pas) relevait de l'acrobatie.

Il est venu le temps des recommandations - le W3C

Rendront grâce à l'initiative W3C de proposer de mettre un peu de cohérence dans les pages internet.

Regroupant les principaux acteurs du Net et éditeurs de navigateurs (même si ces derniers traînent parfois les pieds pour inclure les normes qu'ils participent à créer !) ses recommandations (l'utilisation du mot standard est récente) ont permis de clarifier les choses : HTML 4.01, dHTML 4.01, xHTML, CSS, désormais pris en charge à peu près correctement par tous les navigateurs récent (mais avec les failles de sécurité est-il raisonnable d'avoir une ancienne version ?) permettent de créer des sites plus fiables, plus légers, plus faciles à maintenir et visualisables sur toutes les plates-formes sans multiplier les versions !

Un peu d'évangile

L'idéal (mais les impératifs de conceptions ou commerciaux imposent parfois quelques arrangements) il y aura d'une part le contenu (en fait l'essentiel si on considère qu'un site apporte une information), la mise en forme, c'est a dire la structure des pages et enfin la présentation (les couleurs, polices et emplacements des éléments).

Le contenu ne doit (devrai) pas contenir d'éléments liés à la présentation ou la mise en forme, idéalement on n'y trouve que les balises <h> (h1, h2, h3, ...) pour la hiérachie des titres, des balises <p> pour les paragraphes, <ul> (ou <ol>) pour les listes, <dl> (<dt>, <dd>) pour les définitions, les balises <strong> et <em> (pour ce qu'on veut mettre évidence) doivent remplacer <b> et <i> qui sont des balises de présentation.

Vous dites il a oublié les tableaux <table> ? oui et non, il faut, dans la mesure du possible limiter leur emploi à leur vrai rôle : les données tabulaires, ils ne sont pas fait pour la mise en page (même si un compromis est parfois nécessaire, et dans ce cas limiter les imbrications).

D'usage moins courrant <address>, <acronym>, <abbr> ... sont à utiliser dans un document idéal, puisqu'elle concernent la signification du contenu, ler représentation se choisira dans la feuille de style.

Construit ainsi on a déjà un document structuré facilement exploitable, lisible par tout navigateur même texte ou vocal, mais il faut l'avouer, pas très sexy coté mise ne page et présentation.

On peut donc complèter en utilisant une (meta)structure, c'est a dire isoler les éléments constitutifs de la page, typiquement entête, menu, corps, pied-de-page, ceci en utilisant des balises <div>.

Il reste à rendre tout cela plus joli, c'est le role de la (des) feuille de style, qui permet de placer les éléments, de choisir les couleurs, les polices, les mises en forme de texte... Ceci tout en laissant le document intact et sans l'encombrer de choses qui n'ont rien à voir avec le contenu

Plus d'informations

Mais j'écris, j'écris, d'autres plus compétents le font mieux que moi alors je vous livre quelques noms, à lire et consulter sans ordonnance.

Ca y est vous avez tout lu ? Vous en voulez encore ? alors un excellent livre : Design Web : utiliser les standards de Jeffrey Zeldman (éditions Eyrolles)

CaCert - certificats numériques - contact email philippe@nostressweb.com - sites à visiter - plan du site

Nous sommes le 03-09-2010 - déclaration CNIL n° 1145112 - XHTML 1.1 valide - Valid CSS!