J’utilise les CSS donc je code en XHTML : NON !

“XHTML ce n’est que la combinaison du HTML et des feuilles de styles”, m’a t-on dit en Licence Pro !

Je me permet donc de contredire cette idée en définissant le XHTML.

“Le XHTML n’est rien de plus que du HTML reformulé de façon à respecter les règles strictes du XML ” (Source openweb).

Voici quelques-unes de ces règles strites :

  1. Toute balise doit être fermée (<p></p>,<img …/>)
  2. Balises et attributs en minuscules (car XML est sensible à la casse)
  3. Bonne imbrication des balises (fermeture dans l’ordre inverse de l’ouverture)
  4. Les valeurs des attributs entre guillemets (quotes)
  5. Le remplacement de l’attribut name par l’attribut id (il est possible d’utiliser les deux simultanément afin d’avoir une meilleure intégration avec les navigateurs veillissants ou avec certaines fonctions Javascript) Ex : <form name=”contact” id=”contact” […] ></form>
  6. Une déclaration de type de document obligatoire : La DTD. Il existe 3 doctypes : strict, transitional, frameset, toutes plus ou moins permissives. Mais leurs principales différences étant la séparation de la structure du document (balises) de la présentation (mise en forme) plus ou moins importante.
  7. Formes abrégées bannies (CHECKED devient checked=”checked”)
  8. Faire attention aux caractères spéciaux dans les URLs. Ex: & devient &
  9. Utilisation de CDATA dans les déclarations javascript ou CSS (CDATA signifie “tout type de caractère” en XML et permet une meilleure gestion des caractères spéciaux)
  10. Le prologue xml (<? xml […] ?>) et encodage de caractères en début de page (peut causer souci avec php), sujet de vives discussions sur le forum d’alsacreations
  11. Stipuler l’élément racine du document qui doit être html avec un espace de noms, du genre :
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

Le suivi de ces quelques règles pourront vous permettre de coder XHTML et de ce fait, séparer la structure du site de sa présentation grâce aux feuilles de styles en cascade (CSS). (CQFD)

Articles en relation

Laisser un commentaire