HTML / XHTML
          Analyser gratuitement la version HTML/XHTML de votre page : (?)
Outils

Articles

Différences entre HTML et XHTML

Qu'est ce que l'HTML ?

L'HTML (Hyper Text Markup Language) est un langage qui permet de créer du contenu riche (textes, images, liens, mises en page...) sur l'Internet. Un fichier HTML contient des balises (qui définissent la mise en page) et du texte. Voici un exemple minimaliste de fichier HTML : 

<html>
	<head>
		<title>Titre de la page</title>
	</head>
	<body>
		<h1>Titre principal</h1>
	</body>
</html>

Facile d'accès même pour des novices en informatique, l'HTML s'est imposé comme le standard de l'Internet pour créer une page Web. Les navigateurs analysant l'HTML sont généralement très permissifs, ce qui signifie qu'ils afficheront le plus correctement possible une page Web même si certaines de ses balises HTML contiennent des erreurs.

L'HTML a évolué avec le temps, ainsi plusieurs versions sont apparues successivement, ajoutant de nouvelles fonctionnalités : HTML 3.2, 4.0, 4.01... Pour une même version, il y a même parfois plusieurs variantes qui ajoutent ou retirent quelques subtilités techniques (par exemple l'HTML 4.01 existe sous 3 formes: Strict, Loose et Transitional).

Qu'est ce que l'XHTML ?

Directement inspiré de l'HTML, l'XHTML en est une reformulation qui respecte la norme XML. L'XML est un format texte extrêmement puissant et flexible. Il est aussi très strict. Ainsi un analyseur XML ne supportera pas des erreurs de formatage dans un fichier XHTML. Mais quand le document est valide, cette rigueur est récompensée. Les navigateurs peuvent mieux optimiser leur moteurs, les développeurs peuvent mieux optimiser leurs pages et sur le long terme cela facilitera l'accès et la structuration des données.

Les concepteurs de l'XHTML ont rêvé que tout le monde utiliserait ce format rigoureux à très court terme, mais il y a encore énormément de sites Internet qui ne l'ont pas encore adopté ou, ce qui est pire, qui écrivent qu'ils le supportent alors que leurs pages sont invalides.

En XHTML, toutes les balises sont toujours en minuscule (contrairement à l'HTML qui est plus permissif).

Tout comme l'HTML, il y a plusieurs versions d'XHTML: 1.0, 1.1, 2.0...

Quelle version d'HTML ou d'XHTML choisir pour mon site ?

Le choix le plus approprié dépend de plusieurs facteurs :

  • de vos compétences en informatique
  • du temps que vous avez à y consacrer
  • de la complexité de votre site Web, aussi bien en terme d'affichage dynamique type AJAX qu'en terme de construction dynamique de page avec des données venant d'une base de données.

Clairement si vous pensez avoir les ressources nécessaires et que votre projet est ambitieux, nous vous conseillons d'adopter le XHTML 1.1. Vous bénéficierez ainsi de la rigueur de l'XHTML et en même temps le format sera reconnu par les principaux navigateurs du marché. Si vous faites ce choix, alors il est essentiel de valider vos pages auprès de la W3C pour s'assurer que vos pages sont effectivement valides.

Si votre projet Web est plus simple (par exemple des pages Web statiques sans animations audacieuses), l'HTML 4.01 sera largement suffisant. Si plus tard vous jugez que c'est important, vous pourrez avec un peu de travail devenir compatible XHTML.

Concernant les optimisations par rapport aux principaux moteurs de recherche (SEO): naturellement Google est tout à fait capable d'indexer des pages HTML de manière permissive. Cependant mieux vos pages sont formatées, mieux il pourra en comprendre le contenu.

Pour indiquer quelle version vous avez choisi pour votre page, il suffit de faire figurer le DOCTYPE au début du fichier. Voici deux exemples:

  • pour l'HTML 4.01:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • pour l'XHTML 1.1:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Comment s'assurer que ma page est bien paramétrée en HTML ou XHTML ?

Pour se faire il suffit de lancer une analyse Yakaferci qui analysera les déclarations et lancera une validation W3C.

En savoir plus

Si cet article vous a donné envie de vous documenter davantage sur le sujet de l'HTML/XHTML, voici quelques liens utiles :