Aujourd'hui, je propose la suite du tutorial sur le HTML. C'est a dire un tutorial sur le XHTML.
Comme de nombreux langages basés sur XML, XHTML commence par la lettre X, qui représente le mot extensible. Ainsi le premier document décrivant officiellement XHTML s'appelle XHTML™ 1.0 The Extensible HyperText Markup Language (« XHTML 1.0 Le langage de balisage hypertexte extensible »).
La première version du XHTML (à savoir la 1.0) n'est qu'une reformulation du HTML 4. Ce n'est donc qu'une reformulation de la syntaxe. Aucune fonctionnalité n'a été rajouté dans cette version. Il est donc possible de transformé son site web qui est en HTML 4 en XHTML 1.0.
Quels sont les avantages du XHTML ?
Le XHTML permet l'utilisation des feuilles de style que l'on appel le CSS (Cascading Style Sheets). Le CSS marche un peu comme les feuilles de style sous word: vous creez un style bien défini appeler "Titre-02", vous allez l'appliquer ensuite à tout le texte que vous avez choisi. Le CSS fonctionne comme cela. On défini des caractéristiques (la couleur, la font, la taille, la position du texte ou d'une image, etc...) que vous utiliserez ensuite dans votre XHTML. Au final, vous obtenez un code plus clair et (s'il est bien codé) compatible avec tous les navigateurs.
Le XHTML est compatible avec les navigateurs d'hier et avec le XML (Extensible Markup Language). C'est un langage informatique de balisage générique. Son objectif initial est de faciliter l'échange automatisé de contenus entre systèmes d'informations hétérogènes, notamment, sur Internet.
Mais il y a du changement !!
Depuis quelque temps, une nouvelle version du XHTML est sortie : on est en 1.1. Ce langage ne comporte pas les éléments et les attributs de HTML 4 qui étaient dépréciés mais encore supportés dans XHTML 1.0. C'etait essentiellement des éléments de présentation.
Quels sont les changements pour passé en XHTML 1.1 ?
Tous d'abord, on place ce morceau de code au tout début du code :
- Code: Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
Chaque balise nécessite une fermeture. En effet, avec le HTML certaines balises pouvaient ne pas etre fermées comme <p>. Mais il faut aussi fermer les balises qui ne se fermaient pas jusqu'à maintenant : <br> ou <img>. Avec le XHTML, il faut fermer ces balises sinon c'est une erreur : <br /> ou <img /> (attention, il ne faut pas se tromper avec </br> ou </img> qui n'existe pas en XHTML).
Il faut imbriquer correctement les éléments. Il n'est pas rare d'ouvrir plusieur balises qui s'entre-croisent. Mais le XHTML veut que l'ordre de fermeture respecte l'ordre d'ouverture (le HTML tolérais cette faute). <p><strong>Mon petit texte</p></strong > est incorrect ; il vous faudra ecrire <p><strong>Mon petit texte</strong ></p>
Il faut utiliser des minuscules pour vos balises et leurs attributs. <P ID="formulaire"> n'est donc pas correct : écrivez <p id="formulaire">. Avec le HTML, le passage en majuscule n'etait pas grave en soi. C'était même plus facile pour repérer le code parait-il. Avec XHTML, ce n'est plus possible ; puisque XML est sensible à la casse, toutes les balises et tous leurs attributs doivent obligatoirement être écrits en lettres minuscules.
Les guillemets sont maintenant OBLIGATOIRE pour les valeurs des attributs : il n'est plus possible d'ecrire <p class=text>; il vous ai demandé d'écrire <p class="text">. Cette méthode était fortement recommandé pour le HTML mais pas obligatoire. Toujours selon les règles de XML, l'utilisation des guillemets n'est plus une proposition, mais bien une obligation. De plus, il ne peut plus y avoir de saut de ligne dans la définition d'une valeur donnée.
En conclusion, on peut dire que le passage en XHTML 1.1 n'est pas très compliqué mais il vous aidera à faire évolué votre site web. En passant au XHTML, vous ouvrez votre site au XML. :)
Si vous voulez verifiez la validité du code de votre page, allez sur ce site : http://validator.w3.org/
