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...

Qu'est ce que l'HTML5 ?

L'HTML5 est dans cet article ZinaWeb

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

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

  • de si votre site existe déjà
  • de vos compétences en informatique
  • du temps que vous avez à y consacrer
  • de si vous souhaitez que votre site soit accessible y compris avec des navigateurs anciens, qui ne connaissant pas l'HTML5
  • 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 votre projet est nouveau et peut se permettre d'oublier les navigateurs les plus anciens, nous vous conseillons d'adopter HTML5

Si votre site existe déjà dans une autre version HTML, d'un point de vue SEO ce n'est pas nécéssaire de changer de version.

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 5:
    <!DOCTYPE HTML>
  • pour l'HTML 4.01:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
  • pour l'XHTML 1.1:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "https://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 ZinaWeb 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 :

L'outil gratuit ZinaWeb pour analyser les versions HTML utilisées par vos pages


Analyser gratuitement la page :
ANALYSER


Pour lancer l'analyse ZinaWeb, il vous suffit de saisir le lien vers votre page dans la zone ci-dessus et de cliquer sur le bouton Analyser. Vous pourrez alors accéder aux différentes pages du rapport, en particulier celle sur les version d'HTML.

Pour en savoir plus...

D'autres articles de ZinaWeb dans la rubrique Référencement et Technique peuvent vous être utiles.