HTML Contre XHTML
XHTML est une version plus stricte et plus basée sur XML de HTML.
Qu'est-ce que XHTML ?
- XHTML signifie E X tensible H yper T ext M arkup L anguage
- XHTML est une version plus stricte et plus basée sur XML de HTML
- XHTML est HTML défini comme une application XML
- XHTML est pris en charge par tous les principaux navigateurs
Pourquoi XHTML ?
XML est un langage de balisage où tous les documents doivent être correctement balisés (être "bien formés").
XHTML a été développé pour rendre HTML plus extensible et flexible afin de travailler avec d'autres formats de données (comme XML). De plus, les navigateurs ignorent les erreurs dans les pages HTML et essaient d'afficher le site Web même s'il contient des erreurs dans le balisage. Ainsi, XHTML est accompagné d'une gestion des erreurs beaucoup plus stricte.
Si vous souhaitez étudier XML, veuillez lire notre Tutoriel XML .
Les Différences les Plus Importantes par Rapport à HTML
- <!DOCTYPE> est obligatoire
- L'attribut xmlns dans <html> est obligatoire
- <html>, <head>, <title> et <body> sont obligatoires
- Les éléments doivent toujours être correctement imbriqués
- Les éléments doivent toujours être fermés
- Les éléments doivent toujours être en minuscules
- Les noms d'attributs doivent toujours être en minuscules
- Les valeurs d'attributs doivent toujours être entre guillemets
- La minimisation des attributs est interdite
XHTML - <!DOCTYPE ....> Est Obligatoire
Un document XHTML doit avoir une déclaration XHTML <!DOCTYPE>.
Les éléments <html>, <head>, <title> et <body> doivent également être présents, et l'attribut xmlns dans <html> doit spécifier l'espace de noms XML pour le document.
Exemple
Voici un document XHTML avec un minimum de balises requises :
<!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">
<head>
<title>Titre du document</title>
</head>
<body>
du contenu ici...
</body>
</html> Les Éléments XHTML Doivent Être Correctement Imbriqués
En XHTML, les éléments doivent toujours être correctement imbriqués les uns dans les autres, comme ceci :
Correct :
<b><i>Du texte</i></b> Incorrect :
<b><i>Du texte</b></i> Les Éléments XHTML Doivent Toujours Être Fermés
En XHTML, les éléments doivent toujours être fermés, comme ceci :
Correct :
<p>Ceci est un paragraphe</p>
<p>Ceci est un autre paragraphe</p> Incorrect :
<p>Ceci est un paragraphe
<p>Ceci est un autre paragraphe Les Éléments Vides XHTML Doivent Toujours Être Fermés
En XHTML, les éléments vides doivent toujours être fermés, comme ceci :
Correct :
Un saut : <br />
Une règle horizontale : <hr />
Une image : <img src="happy.gif" alt="Visage heureux" /> Incorrect :
Un saut : <br>
Une règle horizontale : <hr>
Une image : <img src="happy.gif" alt="Visage heureux"> Les Éléments XHTML Doivent Être en Minuscules
En XHTML, les noms d'éléments doivent toujours être en minuscules, comme ceci :
Correct :
<body>
<p>Ceci est un paragraphe</p>
</body> Incorrect :
<BODY>
<P>Ceci est un paragraphe</P>
</BODY> Les Noms d'Attributs XHTML Doivent Être en Minuscules
En XHTML, les noms d'attributs doivent toujours être en minuscules, comme ceci :
Correct :
<a href="https://www.formation-ti.org/html/">Visitez notre tutoriel HTML</a> Incorrect :
<a HREF="https://www.formation-ti.org/html/">Visitez notre tutoriel HTML</a> Les Valeurs d'Attributs XHTML Doivent Être Entre Guillemet
En XHTML, les valeurs d'attributs doivent toujours être entre guillemets, comme ceci :
Correct :
<a href="https://www.formation-ti.org/html/">Visitez notre tutoriel HTML</a> Incorrect :
<a href=https://www.formation-ti.org/html/>Visitez notre tutoriel HTML</a> La Minimisation des Attributs XHTML est Interdite
En XHTML, la minimisation des attributs est interdite :
Correct :
<input type="checkbox" name="vehicle" value="car" checked="checked" />
<input type="text" name="lastname" disabled="disabled" /> Incorrect :
<input type="checkbox" name="vehicle" value="car" checked />
<input type="text" name="lastname" disabled />