HTML-XHTML


XHTML est du HTML écrit au format XML.

Qu'est-ce que XHTML ?

  • XHTML fait référence au langage de balisage hypertexte extensible

  • XHTML et HTML 4.01 sont presque le même

  • XHTML est une version plus stricte et plus pure du HTML

  • XHTML est du HTML défini de la manière dont XML s'applique

  • XHTML est une recommandation du W3C publiée en janvier 2001

  • XHTML est pris en charge par tous les principaux navigateurs

Pourquoi utiliser XHTML ?

De nombreuses pages sur Internet contiennent du « mauvais » HTML.

S'il est affiché dans un navigateur, le code HTML suivant fonctionne parfaitement (même s'il ne suit pas les règles HTML) : 

<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>
XML est un document XML qui doit être correctement balisé et un langage de balisage bien formé.

Si vous souhaitez apprendre XML, lisez notre tutoriel XML.

Il existe différentes technologies de navigation dans le monde technologique d’aujourd’hui. Certains d’entre eux fonctionnent sur des ordinateurs, tandis que d’autres peuvent fonctionner sur des téléphones mobiles ou d’autres petits appareils. Les petits appareils manquent souvent de ressources et de capacités pour interpréter les « mauvais » langages de balisage.

Donc, en combinant le meilleur du XML et du HTML, XHTML a été développé. XHTML est du HTML repensé en XML.

La différence la plus importante par rapport au HTML :

Structure du document

  • XHTML DOCTYPE est obligatoire L'espace de noms XML l'attribut dans

  • <html> est obligatoire

  • <html>, < title> et <body> sont également obligatoires

syntaxe des éléments

  • Les éléments XHTML doivent être correctement imbriqués

  • Les éléments XHTML doivent toujours être fermés

  • >minuscules

  • Les documents XHTML doivent avoir

    un élément racine

Syntaxe des attributs

  • Les attributs XHTML doivent être en

    minuscules

  • >

    la minimisation des attributs XHTML est également interdite

  • <!DOCTYPE ....> est obligatoire

    Les documents XHTML doivent porter la déclaration XHTML DOCTYPE.
Vous pouvez trouver le type de document XHTML complet dans le manuel de référence des balises de W3School. Les éléments

<html>, <head>, <title> et <body> doivent également être présents et l'espace de noms XML doit être spécifié pour le document à l'aide de l'attribut xmlns dans < html>.

L'exemple suivant montre un document XHTML avec les balises minimales requises : 

<!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 document</title>
</head>
<body>
...... 
</body>
</html>

Les éléments XHTML doivent être raisonnablement imbriqués.

En HTML, certains éléments n'ont pas besoin d'être imbriqués les uns dans les autres, comme ceci :

<b>< ;i> Ce texte est en gras et en italique</b></i>

En XHTML, tous les éléments doivent être correctement imbriqués les uns dans les autres, comme ceci :

<b><i>Ce texte est en gras et en italique</i></b>

Les éléments XHTML doivent avoir une balise de fermeture

Exemple incorrect : 

<p>This is a paragraph
<p>This is another paragraph

Exemple correct : 

<p>This is a paragraph</p>
<p>This is another paragraph</p>

Élément vide Doit contenir une balise de fermeture

Exemple incorrect : 

A break: <br>
A horizontal rule: <hr>
An image: <img src="../style/images/happy.gif" alt="Happy face">
Exemple correct : 
A break: <br />
A horizontal rule: <hr />
An image: <img src="../style/images/happy.gif" alt="Happy face" />

Les éléments XHTML doivent être en minuscules

Exemple incorrect :

<BODY>
<P>This is a paragraph</P>
</BODY>
Exemple correct :
<body>
<p>This is a paragraph</p>
</body>

Les noms d'attribut doivent être en minuscules

Exemple incorrect : 

<table WIDTH="100%">

Exemple correct : 

<table width="100%">

Les valeurs d'attribut doivent avoir des guillemets

Mauvais exemple : 

<table width=100%>
Exemple correct : 
<table width="100%">

Abréviation d'attribut non autorisée

Exemple incorrect : 

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

Exemple correct : 

<input checked="checked">
<input readonly="readonly">
<input disabled="disabled">
<option selected="selected">

Comment convertir du HTML en XHTML

  1. Ajouter un XHTML <!DOCTYPE> votre page Web Ajoutez l'attribut xmlns dans

  2. à l'élément html de chaque page.

  3. Changer tous les éléments en minuscules

  4. Fermer tous les éléments vides

  5. Changer tous les noms d'attributs sont minuscules

  6. Ajouter des guillemets à toutes les valeurs d'attribut

Utilisez le validateur W3C pour tester votre XHTML