Le xHTML est une extention de l'html recommandé par le W3C. C'est un language hybrid, croisement entre l'html et le XML.
Le standart est le XHTML 1.0 Trasitional. Cette version permet d'obtenir du code reconnu par les ancien comme les nouveau naviguateur.
Convertir de l'html en xHTML n'est pas sorcié. il suffit d'être rigoureux et d'observé certaine rêgle.
La 1ere chose est de fournir le bon doctype à la page.
Le xHTML doit absolument commencer par ce doctype.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
Cette déclaration doit être en toute 1ere ligne de la page, avant tout autre chose.
le DOCTYPE doit etre directement suivit du namespace :
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
S'ensuit le type d'encodage. Pour un site international, qui pourrait contenir des caractere non ascii, l'utf8 est tres bien :
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
A la diférence de l'html, le xml est sensible à la casse. Le seul moyen d'obtenir des pages valides en xhtml est de tapper tout les tag en minuscule. Par exemple, en html vous auriez :
<TITLE>Wikistuce</TITLE>
Pour le xhtml il faut :
<title>Wikistuce</title>
Donc <P> devient <p>, <DIV> devient <div>, <BODY> deviens <body>, etc….
En html on pouvais écrire un attribut sans guillemet exemple :
height=55
en xhtml, c'est interdit, il faut absolument écrire :
height="55"
En html, vous pouviez utiliser les tag ouvrant sans les fermer. exemple :
<p>mon paragraphe.
en Xhtml, il faut absolument tout fermer :
<p>mon paragraphe.</p>
Certain tag, comme le <br>, <hr>, <img> en html ne nécésite rien d'autre.
Tout est passé en attribut.
En html, l'ecriture ci dessus est valide mais en xhtml, ces TAG doivent etre fermé.
Pour cela, on rajoute juste un slash ('/') avant le '>' de fermeture exemple :
<br /> <img src="plop.png" alt="image" />
!!Note : !! Juste avant le /> il y a un espace, cela permet la compatibilité avec les anciens naviguateurs.
!!Important : !! L' attribut alt de l'objet <img> est OBLIGATOIRE pour obtenir un code valide. Vous pouvez aussi rajouter un attribut title qui ne serait que mieux :
<img src="plop.png" alt="mon plop" title="Le plop qui tue en action" />
Une des erreurs les plus commune détecter par le W3C apparait lorsque vous écrivez du HTML à partir d'un script. En effet les tag doivent être fermés comme ceci <\/span> pour être validés par le W3C.
Voici un exemple de ce qu'il ne faut pas faire:
<script type="text/javascript"> <!-- // Ceci est une erreur ! document.write("</p>"); // --> </script>
Voici maintenant ce qu'il faut écrire:
<script type="text/javascript"> <!-- document.write("<\/p>"); // --> </script>
Pour etre sur de faire du Xhtml valide, n'hésitez pas a vous rendre sur http://validator.w3.org/ pour valider votre code source !
Ceci est une traduction du NYPL online style guide
Retrouver sur ce site anglais (http://www.nypl.org/styleguide/xhtml/index.html) beaucoup d'info sur le Xhtml, nottement, comment configurer dreamweaver pour faire du xhtml.
Discussion
Bonjour, Mon site est en xhtml 1.0 strit utf-8 , paypal me dit que leur code de bouton est en html , d'où problème de validation w3c. Comme, en plus, je ne comprends pas ce que me dit le Validateur. Je suis très déçu de paypal qui ne sait pas me dire quoi faire. Une belle âme de Wikistuce voudra - t - elle m'aider ? Code paypal concerné, en bas de page : http://www.fluo-peinture.eu/images/index.html Amicalement
Salut, Il semblerais que le DTD utilisé soit mal formé, du coup, le validateur a des problèmes.
Il faut déjà commencé par changer le DTD. Tu peu aussi voir les erreurs de ta page en forçant le XHTML strict comme ceci : http://validator.w3.org/check?uri=http%3A%2F%2Fwww.fluo-peinture.eu%2Fimages%2Findex.html&charset=%28detect+automatically%29&doctype=XHTML+1.0+Strict&group=0&verbose=1
Tu verras que les erreurs sont déjà plus compréhensible. Comme doctype, utilise :
En laissant EN et non pas FR