Le montage HTML en FULL CSS

Une question d’optimisation

Le montage HTML en FULL CSS est une technique d’optimisation des pages WEB qui dissocie le contenu de sa forme. Ainsi, on utilisera les feuilles de styles externes pour les images décoratives, les couleurs, la mise en page, la taille des typos…, et puisqu’on est y, les éléments interactifs doivent être codés dans une page JavaScript séparée du code HTML. Jadis, on parlait du full CSS ou tableless, le fait de ne plus faire de la mise en page en utilisant des tableaux.

Le code HTML ne doit pas être mélangé avec les autres langages :

Quelques avantages de cette technique :

• Le chargement des pages est plus rapide
• Les pages s’adaptent à différents périphériques (écrans d’ordinateur, télévision, imprimante, PDA…)
• Facilité de maintenance par la lisibilité du code
• Rapidité de lecture de la page HTML par les moteurs de recherche
• Interfaces graphiques facilement modifiables (cf : Allocine.fr, JeuxVideo.com…)
• Votre site est plus facile à optimiser pour l’accessibilité
• Possibilité de substituer la feuille de style par une autre adaptée (accessibilité)

Quelles sont les obligations dans le cadre d’un contrôle qualité ?

La règle G140 des WCAG nous demande que l’information soit séparée de sa structure, de sa présentation visuelle ainsi que de ses fonctionnalités. On peut aussi interpréter le texte en disant que les tableaux ne peuvent être utilisés pour structurer de l’information hormis les données tabulaires.

Ne plus utiliser de tableau ?

Non, les tableaux n’ont pas disparu, nous devons les utiliser pour ce qu’ils sont, c’est à dire « un moyen de structurer des données ». Puisque la balise <table> existe toujours que ce soit en XHTML ou en HTML5, il convient donc de l’utiliser uniquement pour des données.