Forums Développement Multimédia

Les formations Mediabox
Les formations Mediabox

Brêve introduction aux formats HTML, XHTML et CSS

Compatible HTML. Cliquer pour en savoir plus sur les compatibilités.Compatible XHTML. Cliquer pour en savoir plus sur les compatibilités.Compatible CSS. Cliquer pour en savoir plus sur les compatibilités.

Différences entre XHTML et HTML

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=” ” /> )

Combinaison des CSS et du XHTML

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.