Brêve introduction aux formats HTML, XHTML et CSS

Les différences entre le HTML et le XHTML, il faut partir du principe que le HTML est beaucoup plus tolérant que l'XHTML : il autorise le fait que des balises ne soient pas fermées, qu'elles soient mal imbriquées, etc., car il est basé sur le SGML et non pas l'XML, comme l'est l'XHTML.

• Le XHTML est sensible à la casse : tous les éléments doivent être écrits en minuscule. (<strong></strong> et non pas <STRONG></STRONG> )
• Tout les éléments doivent être correctement imbriqués. ( <p><span></span></p> et non pas <p><span></p></span> )
• Tout les éléments doivent être correctement fermés. ( <p></p><p></p> et non pas <p><p> ou <img src=” ” alt=” ” /> et non pas <img src=” ” alt=” ”> )
• Certains attributs sont différents. ( <img src=” ” alt=” ” /> et non pas <img src=” ” name=” ” /> )

L'utilisation conjointe d'une page XHTML et d'une feuille de style CSS permet de séparer le contenu (structure, textes, images, etc.) du contenant (présentation, couleurs, etc.). L'alliance XHTML et CSS évite donc d'imposer au lecteur une mise en page et améliore ainsi considérablement l'accessibilité des documents.

Les navigateurs texte comme Lynx ou bien ceux destinés aux handicapés, affichent donc beaucoup plus sémantiquement les sites valides aux normes du W3C. Un site de la sorte permet aussi une meilleur gestion du style de plusieurs pages (donc pas forcément besoin de PHP) et même de mettre en place un “style switcher” pour en changer rapidement selon les désirs du visiteur.