XHTML 1.0 : Introduction

Qu'est-ce que le XHTML ?

Remarques :

• Le XHTML est une passerelle entre le HTML (langage d'hier) et le XML (langage de demain).
  il reprend les caractéristiques les plus intéressantes du XML (voir en bas de page).
  Il reformule le HTML de façon à respecter les règles plus strictes du XML.
• Il est codé comme du HTML sauf pour la balise !DOCTYPE et pour quelques régles syntaxiques propres au XML.
• Il est la nouvelle norme W3C en matière de langage balisé pour créer des pages Web.
  Il peut être considéré comme le successeur du HTML 4.01

Passer du HTML au XHTML -> quelques règles à respecter :

Toutes les balises doivent être systématiquement fermées :

Ne pas oublier la balise de fermeture si elle existe.
Pour les anciennes balises "non fermées" ou "vides", utiliser la nouvelle écriture proposée par le W3C. ( <br />, <img />, <hr /> )

Bien imbriquer les éléments de façon logique:

Les balises seront obligatoirement fermées dans l'ordre inverse de l'ordre d'ouverture.

Ecrire toutes les balises et leurs attributs en minuscules :

Fini les majuscules qui permettaient, quant on travaillait dans un simple éditeur de texte comme Notepad, de repérer les balises. XHTML est sensible à la casse : toutes les balises et tous leurs attributs doivent être écrits en lettres minuscules.

Mettre les valeur des attributs entre guillemets :

En XTTML, les valeurs d'attributs doivent être obligatoirement encadrées par des guillemets. De plus, il est conseillé de ne pas laisser d'espaces dans les valeurs d'attributs.

Pas d'attributs sans valeur associée :

Les formes abrégées d'attributs sont interdites.En XHTML, il faut écrire l'attribut et sa valeur associée, même si cela oblige à une répétition.

Attribuer des valeurs identiques à l'attribut "name" et à l'attribut "id" :

L'attribut "name" est remplacé par l'attribut "id" ( identification d'un objet communication avec le DOM ). cependant, pour des raisons de compatibité avec les anciens navigateurs,il est conseillé d'utiliser les deux attributs à la fois, en leur attribuant des valeurs identiques.

Gérer les caractères spéciaux avec CDATA :

XHTML est très sensible aux caractères spéciaux dans les déclarations CSS et JavaScript.Pour éviter toute surprise, il est préférable d'entourer les scripts et les styles d'une section CDATA ou encore mieux de les placer dans des fichiers externes.

Caractères spéciaux dans les URL :

Il faut nécessairement les encoder ! (par exemple, pour "&" écrire « &amp; »

Déclaration XML et encodage :

1 - Avec l'enccodage UTF-8 et UTF-16, le prologue XML est optionnel. Une balise meta suffira à préciser l'encodage pour les anciens navigateurs.
2 - Avec l'encodage ISO-8859-1, il faut inclure le prologue XML en tête du document ainsi q'une balise meta pour les navigateurs anciens qui ignoreront ce prologue.

Déclaration de type de document :

Trois niveaux de DTD XHTML : strict, transitional et frameset.Le DOCTYPE doit être placé juste avant l'élément html. ( Voir la page DTD )

L'élément racine du document XHTML :

L'élément html reste l'élément racine de tout document mais il se voit ajouter l'attribut "xmlns" ainsi q'une déclaration de la langue principale du document

Définir obligatoirement, pour l'élémennt img, un attribut "alt"

Vos pages ne seront ps validées, si vous oubliez de définir un attribut "alt" à l'élément image

Exemples de syntaxe valide: ( code encadré )

fermeture des balises :

Imbrication des éléments :

Attributs entre guillemets :

Attributs abrégés interdits :

Attribut "id" :

CDATA :

Caractères spéciaux dans URL :

Prologue XML ( en tête du document ):

DOCTYPE :

Elément html :

Informations complémentaires :

Cliquer sur les cases correspondantes