Différence de Doctype
La différence fondamentale entre HTML et XHTML se trouve dans la déclaration du modéle de document.
En fait, vous devez déclarer dans votre page web quel est son type de document :
Déclaration d'une page web au type HTML 4.01 :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
Déclaration d'une page web au type XHTML 1.0 strict :
<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">
Cette déclaration doit intervenir dés le début de votre document.
Une fois déclaré, votre document doit alors suivre les spécifications propres à chaque déclaration!
XHTML : une syntaxe rigide
La différence majeure entre le HTML et XHTML se trouve dans la rigidité du XHTML, en effet le XHTML est du HTML respectant la syntaxe XML :
Les noms des balises et des attributs sont en minuscules :
on écrit : <a> et plus <A>.
Toute balise ouvrante doit être refermée :
on écrit : <p>Allez les bleus!</p> et plus <p>Allez les bleus!.
Toutes les balises sont ouvrantes :
on écrit : <br /> et plus <br>.
Les balises doivent être correctement imbriquées :
on écrit : <p><i>Allez les bleus!</i></p> et pas <p><i>Allez les bleus!</p></i>.
Passer la mise en forme à CSS
Le fait de créer un document contenant de la mise en forme et du texte est trés compliqué en XHTML; en fait, cela complique grandement la structure du document et occasionne de nombreuses erreurs; de plus il est trés difficile d'obtenir un document XHTML valide si on y inclu la mise en forme.
D'une maniére idéal, un document XHTML ne doit contenir que le fond (texte & image) et la forme doit étre spécifiée au travers d'une feuille de style, une feuile CSS.
Voyons les CSS de plus prés.
Les feuilles de style vous permettent de mettre en forme votre page XHTML; elles offrent une grande souplesse et un confort d'utilisation supérieur à un document HTML.