XHTML
XHTML (Extensible HyperText Markup Language), développé par le World Wide Web Consortium (W3C) en 2000, est une version étendue du populaire HTML. C’est le même HTML, mais défini comme une application XML, ce qui combine les avantages de HTML et de XML.
XHTML conserve toutes les fonctionnalités de HTML, mais introduit des règles plus strictes pour la création des pages, ce qui vous permet de rendre les sites indépendants du périphérique d’affichage et du navigateur. Cela signifie que le site s’affichera correctement dans tous les navigateurs modernes et sur des plateformes comme les ordinateurs, les smartphones, les PDA, etc.
XHTML est pris en charge par tous les navigateurs modernes.
Différence entre HTML et XHTML
Vous devez toujours utiliser <!DOCTYPE ....>. Un document XHTML doit inclure une déclaration de Doctype XHTML. Les autres éléments requis sont les balises
<html>,<head>,<title>et<body>.Exemple de document XHTML avec les éléments requis :
XHTML vs HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of the document</title>
</head>
<body>
Content of the page
</body>
</html>- Vous devez imbriquer correctement les éléments XHTML. Dans un document XHTML, vous ne pouvez pas imbriquer les éléments de manière incorrecte. Cela doit ressembler à ceci :
Imbrication des éléments XHTML
<strong>
<em>This text is bold and italic</em>
</strong>- Contrairement au HTML, où l’on peut parfois omettre la balise de fermeture, en XHTML la balise de fermeture est toujours et partout obligatoire :
Balises de fermeture XHTML
A break: <br/>
A horizontal rule: <hr/>
An image: <img src="smile.gif" alt="Always smile" />- En XHTML, les balises en minuscules et en majuscules sont distinguées. Pour éviter toute confusion, toutes les balises ainsi que leurs attributs doivent être écrits en minuscules :
Balises XHTML en minuscules
<body>
<p>Some paragraph</p>
</body>- Vous devez écrire les attributs XHTML en minuscules, comme ceci :
Attributs XHTML en minuscules
<table width="100%">- Vous devez mettre les valeurs des attributs entre guillemets, comme ceci :
Valeurs d’attributs XHTML entre guillemets
<table width="100%">- Vous ne pouvez pas réduire les attributs. L’attribut abrégé ne se voit pas attribuer de valeur. Un attribut peut recevoir une valeur d’attribut qui correspond au nom. Cela ne devrait pas ressembler à ceci :
Affectation d’attributs XHTML
<input type="checkbox" name="flower" value="rose" checked />Au lieu de cela, cela doit ressembler à ceci :
Exemple d’affectation d’attributs XHTML
<input type="checkbox" name="flower" value="rose" checked="checked" />- Il est préférable d’utiliser l’attribut
idau lieu dename. En XHTML, l’attributnameest en partie obsolète, il est donc recommandé d’utiliser l’attributid.
Avantages de XHTML
- Le fait qu’en XHTML toutes les balises doivent être fermées et correctement imbriquées rend le code beaucoup plus propre.
- XHTML utilise moins de bande passante, ce qui réduit les coûts, surtout si votre site comporte des milliers de pages.
- Grâce à sa structure bien formée, les documents XHTML sont facilement transférés vers les appareils sans fil, les lecteurs Braille et d’autres environnements web spécialisés.
- XHTML fonctionne avec CSS pour créer facilement des pages web.
XHTML vs HTML
HTML est le principal langage de balisage pour créer des pages web, tandis que XHTML, comme mentionné ci-dessus, en est la version étendue. HTML est une application de SGML (Standard Generalized Markup Language), tandis que XHTML est une application de XML. HTML est dérivé de SGML, et XHTML de XML et HTML. HTML a été créé par Tim Berners-Lee en 1987(Wikipedia)et XHTML a été proposé par le World Wide Consortium en 2000 (Wikipedia). Et la dernière différence entre ces deux-là est le cadre flexible qui nécessite un analyseur HTML spécifique tolérant dans le cas de HTML et un sous-ensemble restrictif de XML qui doit être analysé avec un analyseur XML standard dans le cas de XHTML.
XHTML vs HTML5
XHTML est sensible à la casse, tandis que HTML5, tout comme HTML, ne l’est pas. XHTML a des doctype beaucoup plus complexes que HTML5. La différence suivante est la compatibilité avec les navigateurs : HTML5 est pris en charge par tous les navigateurs modernes, tandis que XHTML est également pris en charge, mais nécessite une configuration correcte du type MIME (application/xhtml+xml) pour être analysé strictement. HTML5 est la norme moderne pour tous les appareils, alors que XHTML est largement considéré comme obsolète. Une autre différence est que HTML5 est plus tolérant que XHTML.
Pratique
Quelles sont certaines caractéristiques de XHTML (Extensible Hypertext Markup Language) ?