Thèmes et normes XHTML...
La quasi majorité des thèmes des sites xoops sont réalisés à l'aide de tableaux afin de pouvoir positionner les différents éléments qui composent ce thème. Cependant cette méthodologie n'est plus en conformité avec les normes actuelles qui précise que les tableaux ne doivent être utilisés que pour afficher des données tabulaires.
Souhaitant au départ réaliser une synthèse des différents articles publiés sur ce sujet, j'ai préféré plutôt vous reproduire une partie de cet excellent article de Raphaël GOETTER. Les standards du Web : aucune contre-indication! Les langages du web (HTML, XHTML, XML, CSS,...) reposent sur des normes et des standards. Les organisations de normalisation, comme le W3C (World Wide Web Consortium), créent un consensus à travers ces groupes et ces experts pour maintenir et développer des principes architecturaux cohérents. Utiliser une norme permet la compatibilité du langage, de bénéficier des dernières innovations mais aussi de s'assurer de la pérennité des documents dans le futur.
La norme actuelle est le XHTML (version 2.0 en préparation), en attendant le XML. Le XHTML est l'évolution du HTML dans la mesure ou il facilite la maintenance et la relecture du code grâce à sa rigidité. Premier point : la compatibilité
Faire selon les recommandations permet non-seulement qu'un site soit multi-compatible, mais surtout qu'il le reste dans le futur ! En effet, utiliser du code approximatif et des balises dépréciées, obsolètes ou propriétaires est risqué. Car ces balises ne sont plus prises en charge dans les normes actuelles du langage HTML telles qu'elles sont définies par le W3C. Elles ne sont plus mises à jour et ne sont plus "sous garantie".
Cela signifie que bien qu'elles fonctionnent encore correctement sur les navigateurs anciens et actuels, et que le résultat soit tout à fait compatible aujourd'hui, rien n'assure leur bon fonctionnement dans les années à venir et elles risquent de ne plus être compatibles selon l'évolution des prochains navigateurs.
Pour information : quelques grosses sociétés très influentes composent le W3C (comme Microsoft), donc on peut raisonnablement penser que l'évolution vers une normalisation n'est pas une utopie.
Second point : l'accessibilité Dans la vie de tous les jours, en travaux publics, il y'a des normes de constructions, de taille, d'espaces à respecter,... de cette manière chaque lieu public est accessible à toute la population, y compris les handicapés.
C'est grâce à ces normes que l'accessibilité est facilitée dans la vie de tous les jours : places de parking, accès reservés, toilettes, accès spéciaux aux lieux publics... La prise en compte du handicap est devenu une évidence dans tous les cahiers de charges des travaux publics ou en architecture. Il en est de même sur le web. Il y'a quelques temps, ces normes n'existaient pas ou étaient floues, ce qui ne rendaient pas la vie facile à tous (un peu comme les vieux navigateurs dinosaures). N'avons nous pas bien fait d'établir des normes, même si les anciens batiments, désuets, ont dû être reconstruits et mis aux normes ?
Pour info : l'agence fédérale américaine pour le handicap considère que l'obligation d'accessibilité aux lieux publics s'applique aussi à tous les sites Web. Rappelons que la Section 508 oblige déjà les sites gouvernementaux (ainsi que ceux qui sont financés en partie par le gouvernement, dont les fournisseurs du gouvernement) à être accessible.
En résumé : ce que permettent les Standards - N'empêchent pas d'avoir un site original, joli, dynamique, bien développé et avec du contenu (pour une liste non exhaustive, visitez les liens Alsacréations)
- Permettent une visite sur toute plateforme (unix, win,...), tous navigateurs et tout support actuels et futurs respectant les normes (Palm, Wap, télévision, domotique...). Un document XHTML peut donc être véhiculé par de multiples outils et plus seulement un écran d'ordinateur.
- L'accessibilité aux divers handicaps (visuels, moteurs, auditifs, ...) a été intégrée dans un nombre important de normes, grâce aux notions de sémantique, la fameuse "grammaire" du langage (très chère aux moteurs de recherche comme Google par exemple)
- Permettent de visiter le site avec des dinosaures comme NN4 ou des lecteurs brailles ou texte (Lynx pour Unix), puisque la structure est préservée.
- Allègement du code et accélération des pages : le code XHTML strict est léger du fait de sa séparation en feuilles de styles. La feuille de style étant placée en mémoire sur l'ordinateur (cache), la vitesse d'affichage des pages s'en trouve grandement améliorée. Il en découle une économie du code et de la bande passante
Facilitent la maintenance et la mise à jour car tout le design est séparé sur une seule page (cf le célèbre CSS Zen Garden auquel on peut appliquer des centaines de designs différents en un clic de souris)
Facilitent la lecture du code car chaque balise doit être utilisée à bon escient, sans superflu, et que toute mise en forme est séparée du code (fini les multiples tableaux imbriqués, les colspan, rowspan et les spacer.gif partout !)
Font économiser de l'argent à une entreprise pour toutes les principales raisons déjà évoquées : allègement du code, de la bande passante nécessaire, facilitation de la mise à jour, facilitation d'une refonte graphique complète,...
Sont tout aussi facile et rapide à apprendre que le HTML classique. Le XHTML repose sur le HTML (il ne lui rajoute rien mais lui retire certaines balises et attributs) ni plus, ni moins. La grande différence du XHTML avec son jumeau HTML est que sa syntaxe ne souffre d'aucune souplesse... alors autant apprendre directement à faire les choses proprement. Et je fais comment avec mon thème Xoops ? L'objectif est de supprimer les tableaux qui sont présents dans le fichier theme.html, les blocs et templates des modules/
Une fois encore Raphaël Goetter nous propose des solutions qui peuvent être implémentées avec les articles qu'il a rédigé , ce qui devrait aider les designers xoopsiens dans leur tâche.
Dans un premier temps, il faut se familiariser avec cette nouvelle façon de travailler en étudiant les articles de base comme savoir utiliser et positionner les calques (div) et autres balises
Ensuite il vous sera plus facile de comprendre et d'assimiler les différents modèles de mise en page proposés. 
Je publierai la semaine prochaine sur Xoops-doc un tutoriel sur la migration du thème Default à la norme XHTML.
Raphaël Gotter est le webmaster du site Alsacreations.com, il publie sur son site de nombreux tutoriels et exemples sur ce sujet .
Quelques liens en français pour nourrir votre réflexion : Le couple Lmaix/Melkhador travaille actuellement sur l'évolution d'une version 1.4 qui devrait être conforme à cette norme. Christian |
4882
