HTML / XHTML - Britoweb

XHTML en tant que HTML ou en tant que XML : que choisir ?

Victor Brito — Sun, 29 Nov 2009 18:21:00 +0100

Le XHTML peut être servi aux navigateurs et autres agents utilisateurs susceptibles de l'interpréter de deux manières : en tant que HTML et en tant que XML. Puisque le XHTML est une reformulation du HTML en XML, faut-il le servir en tant que XML ou peut-on se contenter de le servir en tant que HTML ?

Le XHTML servi en tant que HTML

La plupart du temps, le XHTML est servi en tant que HTML, avec le type MIME text/html, qui est reconnu sans difficulté par les navigateurs.

Le XHTML servi en tant que XML

Pour que le XHTML soit servi en tant que XML, il faut utiliser le type MIME application/xhtml+xml, en le déclarant dans le code XHTML. De plus, le XHTML servi en tant que XML oblige à l'utilisation du prologue XML et proscrit l'attribut HTML lang au profit de son équivalent en XML xml:lang (l'interdiction de l'attribut lang concerne surtout le XHTML 1.1). Cela donne le code suivant :

<?xml version="1.0" encoding="utf-8"?>
<!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" xml:lang="fr">
<head>
<title>Titre du document</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8" />
<meta name="robots" content="none" />
</head>
<body>
<p>Contenu du document</p>
</body>
</html>

Indiquer le type MIME dans meta http-equiv="Content-Type" ne suffit pas : il faut aussi s'assurer que le serveur soit correctement configuré, de façon à ce qu'il puisse envoyer le bon type MIME comme valeur de l'en-tête Content-Type.

Un document XHTML servi en tant que XML sera affiché avec succès sous Firefox, Opera, Safari, Google Chrome et Konqueror. En revanche, Internet Explorer, y compris dans sa version 8, l'ignorera purement et simplement, le traitant comme un fichier en téléchargement (sauf si le serveur hébergeant le document XHTML en question retourne un en-tête Content-Type: text/html).

Autre souci : la plupart des lecteurs d'écran, Jaws en tête, ne prennent pas en charge l'attribut xml:lang, surtout en cas de changement de langue au cours du document XHTML.

Conclusion

À moins que vous ne maîtrisiez le parc informatique des utilisateurs finaux (cas, par exemple, d'un Intranet consultable depuis des postes utilisant par défaut un navigateur récent et très respectueux des standards du Web, comme Firefox), servez les documents XHTML uniquement en tant que HTML afin de garantir leur accès au plus grand nombre d'utilisateurs, ce qui veut dire aussi qu'il faut, pour signaler tout changement de langue, utiliser l'attribut lang (accompagné ou non de xml:lang), et se contenter du XHTML 1.0.

Pages de test

Vous pouvez consulter la page de test d'une page XHTML servie en tant que XML (XHTML 1.0 Strict) et la page de test d'une page XHTML servie en tant que XML (XHTML 1.1) pour avoir un aperçu du résultat sous votre navigateur.

Structure de base d'un document (X)HTML

Victor Brito — Sun, 18 May 2008 18:47:00 +0200

Pour bien coder un document HTML ou XHTML, il faut respecter une structure de base obligatoire.

Structure de base d'un document HTML

Un document HTML comporte oligatoirement les points suivants :

une déclaration de type de document (ou doctype),
l'élément HTML, qui contient obligatoirement les éléments suivants :
1. l'élément HEAD, qui contient obligatoirement l'élément TITLE,
2. l'élément BODY.

Ce qui donnera, par exemple :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <title></title>
  </head>
  <body>
  </body>
</html>

Structure de base d'un document XHTML

En plus des points obligatoires en HTML, un document XHTML comporte oligatoirement le point suivant : l'élément html contient obligatoirement l'attribut xmlns dont la valeur est l'espace de nom de XHTML (l'URL http://www.w3.org/1999/xhtml). Ce qui donnera, par exemple :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title></title>
  </head>
  <body>
  </body>
</html>

Le doctype pour HTML 4 et 5 et XHTML

Victor Brito — Sun, 18 May 2008 18:17:00 +0200

Le doctype (ou déclaration de type de document) est essentiellement utilisé dans les documents HTML. Il est d'autant plus fondamental qu'il permet d'indiquer aux navigateurs s'il s'agit de HTML ou de XHTML, de quelle version, de quel mode et comment interpréter le document.

Il existe plusieurs doctypes, selon le langage (HTML ou XHTML), la version et le mode.

Doctypes pour HTML 4.01

En HTML 4.01, il existe trois doctypes correspondant chacun à un mode. À noter que, pour chacun d'entre eux, le nom de l'élément racine (HTML) peut s'écrire indifféremment en majuscules ou en minuscules.

Doctype de HTML 4.01 strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Doctype de HTML 4.01 transitionnel

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Doctype de HTML 4.01 jeu de cadres

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Doctype pour HTML 5

En HTML 5 traité en tant que HTML, un seul doctype est prévu, dont la syntaxe est simplifiée par rapport à celle d'un doctype classique (la raison est indiquée dans le document du W3C sur les différences entre HTML 4 et HTML 5, document traduit en français).

<!DOCTYPE html>

Doctypes pour XHTML 1.0

En XHTML 1.0, il existe trois doctypes pour la même raison qu'en HTML 4.01. À noter que le nom de l'élément racine (html) doit être en minuscules.

Doctype de XHTML 1.0 strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Doctype de XHTML 1.0 transitionnel

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Doctype de XHTML 1.0 jeu de cadres

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Doctype pour XHTML 1.1

Le XHTML 1.1 étant une modularisation de XHTML 1.0 Strict, un seul doctype est fourni.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Doctype pour XHTML 2

Un seul doctype était prévu pour la future version majeure de XHTML, dont le développement a été arrêté par le W3C au profit du HTML 5.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 2.0//EN" "http://www.w3.org/MarkUp/DTD/xhtml2.dtd">

Importance du doctype

Il convient de déclarer le type de document HTML ou XHTML non seulement pour le valider, mais aussi pour qu'il soit interprété par les navigateurs de façon aussi proche que possible des standards.

En effet, les navigateurs peuvent utiliser des modes de rendu différents : le mode de rendu standard et le mode appelé Quirks, le basculement du premier au dernier s'appelant le doctype switching. Cette technique fut mise au point par Microsoft pour la sortie d'Internet Explorer 5 pour Mac, en 2000, afin d'offrir le choix au développeur entre un mode standard implémentant le modèle de boîte du W3C et un mode compatible avec le modèle de boîte de Microsoft (tel qu'il est implémenté dans les versions 5 et 5.5 d'Internet Explorer pour Windows). Elle fut, ensuite, implémentée dans Internet Explorer pour Windows à compter de la version 6 et adoptée par les navigateurs concurrents (Firefox et Opera, notamment). Le choix du mode de rendu s'effectue au niveau du doctype.

Le mode Quirks sera utilisé dans les cas suivants :

absence de doctype,
doctype erronné,
doctype ne renseignant pas la version de HTML ou de XHTML utilisée,
doctype correspondant à une version de HTML inférieure à la 4,
doctype sans l'URL (sauf pour le doctype HTML 4.01 Strict),
utilisation du prologue XML (pour Internet Explorer 6 seulement),
présence de caractères autres qu'une espace et de bouts de code autres que le prologue XML avant le doctype (pour Internet Explorer seulement).

En revanche, pour le doctype de HTML 5 et pour un document traité en tant que XML (pourvu d'un prologue XML, mais sans doctype), c'est le mode standard qui est utilisé.

Autrement dit, pour éviter de constater que les marges automatiques ne sont pas prises en charge ou que les blocs ont l'air moins larges que prévu, renseignez toujours un doctype complet ne comportant ni erreur de frappe ni oubli (si besoin est, copiez le doctype qui vous intéresse parmi ceux indiqués plus haut dans cet article) et utilisez les versions actuelles de HTML et de XHTML : le doctype switching n'est pas pour nous, comme l'a dit Laurent Denis.

Traductions du W3C

Victor Brito — Thu, 31 Jan 2008 22:20:00 +0100

Vous pouvez consulter la traduction des différences entre HTML 5 et HTML 4 (brouillon de travail du W3C du 10 juin 2008).

Une liste des traductions françaises disponibles des documents du W3C est consultable sur le site du W3C.

Édition du 22 juin 2008 : la traduction du brouillon de travail du 22 janvier 2008 des différences entre HTML 5 et HTML 4 est toujours disponible.