Grammaire XHTML

Écrire du code XHTML nécessite une grammaire HTML pure.

Plus de règles grammaticales XHTML :

  • Les noms des propriétés doivent être en minuscules
  • Les valeurs des propriétés doivent être encadrées par des guillemets
  • Les propriétés ne peuvent pas être abrégées
  • Utilisez l'attribut Id à la place de l'attribut name
  • Le DTD de XHTML impose l'utilisation des éléments HTML

Les noms des propriétés doivent être en minuscules

C'est incorrect :

<table WIDTH="100%">

C'est correct :

<table width="100%">

Les valeurs des propriétés doivent être encadrées par des guillemets

C'est incorrect :

<table width=100%>

C'est correct :

<table width="100%">

Les propriétés ne peuvent pas être abrégées

C'est incorrect :

<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>

C'est correct :

<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />

Voici une liste de propriétés abrégées de HTML et de leur équivalent dans XHTML :

HTML XHTML
compact compact="compact"
checked checked="checked"
declare declare="declare"
readonly readonly="readonly"
disabled disabled="disabled"
selected selected="selected"
defer defer="defer"
ismap ismap="ismap"
nohref nohref="nohref"
noshade noshade="noshade"
nowrap nowrap="nowrap"
multiple multiple="multiple"
noresize noresize="noresize"

Remplacez la propriété name par id

HTML 4.01 définit la propriété name pour les éléments suivants : a, applet, frame, iframe, img et map.

L'utilisation de la propriété name n'est pas encouragée en XHTML, il est préférable d'utiliser id à la place.

C'est incorrect :

<img src="image.gif" name="image1" />

C'est correct :

<img src="image.gif" id="image1" />

Conseil important de compatibilité :

Vous devez ajouter un espace supplémentaire avant le symbole "/" pour que votre XHTML soit compatible avec les navigateurs actuels.

Propriété de langue (lang)

La propriété lang s'applique à presque tous les éléments XHTML. Elle définit le type de langue utilisé pour le contenu interne de l'élément.

Si vous utilisez une propriété lang pour un élément, vous devez ajouter un xml:lang supplémentaire, comme ceci :

<div lang="no" xml:lang="no">Heia Norge!</div>

Éléments XHTML obligatoires

Tous les documents XHTML doivent faire une déclaration de type de fichier (déclaration DOCTYPE). Dans les documents XHTML, les éléments html, head et body doivent être présents, et l'élément title doit être situé à l'intérieur de l'élément head.

Voici un modèle de fichier XHTML minimisé :

<!DOCTYPE Déclaration de Doctype ici>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Titre s'affiche ici</title>
</head>
<body>
</body>
</html>

Avis :La déclaration de type de fichier n'est pas une partie intégrante du document XHTML lui-même. Ce n'est pas un élément XHTML et n'a pas de balise de fermeture.

Avis :Dans XHTML, l'attribut xmlns dans la balise <html> est obligatoire. Cependant, même si l'attribut n'est pas présent dans le document XHTML, les outils de validation de w3.org ne signalent pas d'erreur. Cela est dû au fait que "xmlns=http://www.w3.org/1999/xhtml" est une valeur fixe, et cette valeur sera ajoutée à la balise <html> même si vous ne l'incluez pas dans le code.

Vous apprendrez plus sur les déclarations de type de document XHTML au prochain chapitre.