De HTML 4.01 à XHTML

Recommandations :
- XHTML 1.0 : 26 janvier 2000, révisée en août 2002
  Reformulation de HTML 4 en une application XML
- XHTML Basic : 19 décembre 2000
  destiné aux clients Web qui ne supportent pas toutes les Caractéristiques XHTML comme les téléphones mobiles, les PDA...
- Modularization of XHTML : 10 avril 2001
  Décomposition de XHTML 1.0 en une collection de modules abstraits qui fournissent des types de fonctionnalités spécifiques (permet de délivrer du contenu sur des plate-formes diverses, XHTML Basic est un exemple de modularisation pour les applications mobiles).
- XHTML 1.1 : 31 mai 2001
  Reformulation de XHTML 1.0 Strict en utilisant des modules XHTML.
- XHTML 2.0 : en cours (document de travail du 31 janvier 2003)
  C'est un ensemble de modules XHTML qui décrivent les éléments du langage et leurs attributs.
pour en savoir plus : HTML et XHTML sur le site du W3C

Qu'est-ce que XHTML 1.0 ?

XHTML 1.0 est une reformulation de la norme HTML 4.01 (application SGML) en application XML (eXtended Markup Language). Le W3C a proposé la recommandation XHTML 1.0 le 26 janvier 2000, révisée en août 2002.

Trois Document Type Definition XHTML (comparables aux DTD de HTML 4.01) :

XHTML Transitional : permet encore d'utiliser les attributs déclassés, ce qui rend l'affichage des pages possibles sous les anciennes versions des navigateurs.
XHTML Strict : à utiliser avec les CSS pour obtenir tous les effets de style.
XHTML Frameset : pour obtenir des cadres dans la fenêtre du navigateur.

Rappel : HTML n'a jamais été destiné à la présentation de la page, il doit être utilisé uniquement pour marquer la structure du document, une feuille de style séparée permet de donner la présentation. XHTML 1.0 doit lui aussi séparer la structure de l'affichage (pas d'attribut color, d'élément font, BR, et pas de  ...)

Structure d'un document XHTML 1.0

Le document XHTML doit :

déclarer un élément <html>
désigner le nom XHTML avec l'attribut xmlns (xmlnames) dans <html>, le nom pour XHTML est http://www.w3.org/19999/xhtml

avoir une déclaration DOCTYPE (qui précède <html>) qui précise la DTD choisie.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "DTD/xhtml1-frameset.dtd">

il peut avoir une déclaration XML sur la première ligne qui spécifie la version xml et l'encodage des caractères du document

<?xml version="1.0" encoding="EUC-JP"?> 
est équivalent à :
<meta http-equiv="Content-type" content='text/html; charset="EUC-JP"' />

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title>Home Page</title>
  </head>
  <body>
    <p><a href="http://magali.contensin.free.fr/">redirection</a>.</p>
  </body>
</html>

De plus le document doit être valide pour une DTD.

Différences avec HTML 4.01

HTML 4.01 était une application SGML, le passage à une application XML demande quelques modifications.

Attributs

ils s'écrivent en minuscules
leurs valeurs doivent toujours être entre guillemets
<table rows="3">
éviter les passages à la ligne et les multiples blancs dans la partie valeur.
pas de constantes pour les attributs compact, nowrap, ismap, declare, noshade, checked, disabled, readonly, multiple, selected, noresize, defer (ne pose pas de problème si le navigateur est compatible HTML4).
<dl compact="compact">
l'attribut name (dans les éléments a, applet, form, frame, iframe, img, map) est déclassé en XHTML 1.0 en faveur de l'attribut id. Les url qui finissent par "#label" ne réfèrent pas en XHTML à un élément dont l'attribut est name="label", ils réfèrent à un élément dont l'attribut est défini par id. Il faut donc écrire pour être compatible :
<a id="label" name="label">...</a>
remplacer les & dans les attributs par &
action = " http://vacances.com/cgi-bin/enregistrer.pl?lieu=Venise&transport=train" remplacera :
action = " http://vacances.com/cgi-bin/enregistrer.pl?lieu=Venise&transport=train"
utiliser simultanément les attributs lang et xml:lang pour spécifier la langue de l'élément

Éléments

ils s'écrivent en minuscules
Tous les éléments non vides doivent avoir une balise de fin
<p>un paragraph.</p><p>un autre.</p>
les éléments vides doivent être écrits dans une des formes spéciale :
- ajout d'une balise de fin (déconseillé pour les anciens navigateurs)
  <br></br>
- ajout du / dans la balise unique (pour les navigateurs, mettre un espace avant le /)
  <br/>
Les balises imbriquées doivent être fermées dans le bon ordre (dans l'exemple ci-dessous il faut fermer em avant p)
<p>paragraphe avec <em>mise en valeur</em>.</p>
Imbrications interdites :
- a ne peut pas contenir d'autres éléments a
- pre ne peut pas contenir les éléments img, object, big, small, sub, sup
- button ne peut pas contenir les éléments input, select, textarea, label, button, form, fieldset, iframe, isindex.
- label ne peut pas contenir d'autres éléments label
- form ne peut pas contenir d'autres éléments form
Ne pas inclure plus d'un élément isindex (NB : élément déclassé en faveur de input)
Il vaut mieux utiliser des feuilles de styles / scripts externes lorsque les éléments STYLE / SCRIPT utilisent < ou & ou ]] ou encore --. En effet, ces éléments sont déclarés comme un contenu #PCDATA. Le < et le & seront traités comme début du balisage et les entités telles que < et & seront reconnues comme des références à < et & par le processeur XML. Si vous n'utilisez pas de feuilles de styles ou des scripts externes, il faut encapsuler le contenu du script ou du style dans un CDATA ce qui évite l'expansion des entités.
```
<script>
 <![CDATA[
 ... contenu du script ...
 ]]>
 </script>
```

NB : les feuilles de style CSS doivent avoir les attributs et les éléments écrits en minuscules.