Tutoriel de base HTML

Média HTML

Manuel de référence HTML

HTML5 Introduction aux tutoriels de base

HTML5 API

HTML5 Média

Lecture de vidéo HTML (Video)Résumé HTML

Introduction à XHTML

XHTML est écrit en format XML

Qu'est-ce que XHTML ?

XHTML signifie langage de balisage hypertexte extensible
XHTML et HTML 4.01 presque identique
XHTML est une version plus stricte et plus pure de HTML
XHTML est défini comme HTML appliqué en XML
XHTML est 2001 年 1 M发布的 W3C recommandé
XHTML est pris en charge par tous les navigateurs populaires

Pourquoi utiliser XHTML ?

De nombreux pages sur Internet contiennent un HTML "mauvais".

Si vous regardez le code HTML suivant dans un navigateur, il fonctionne très bien (même s'il ne suit pas les règles HTML) :

<html>
<head>
<meta charset="utf-8">
<title>Ceci est un HTML non conforme</title>
<body>
<h1>HTML non conforme
<p>Ceci est un paragraphe
</body>

XML est un langage de balisage qui doit être correctement marqué et bien formaté.

Aujourd'hui, le monde technologique comporte plusieurs technologies de navigateurs différentes. Certaines s'exécutent sur les ordinateurs, tandis que d'autres peuvent s'exécuter sur des téléphones mobiles ou d'autres petits appareils. Les petits appareils manquent souvent des ressources et des capacités pour interpréter les langages de balisage "mauvais".

Ainsi - En combinant les avantages de XML et de HTML, XHTML a été développé. XHTML est une version de HTML redessinée en tant que XML.

La distinction la plus importante par rapport à HTML :

structure du document

L'XHTML DOCTYPE estobligatoires
l'attribut XML namespace de <html> estobligatoires
<html>, <head>, <title> et <body> sont égalementobligatoires

grammaire des éléments

Les éléments XHTML doiventcorrectement imbriqués
Les éléments XHTML doivent toujoursfermé
Les éléments XHTML doiventen minuscules
Un document XHTML doit avoirun élément racine

grammaire des attributs

Les attributs XHTML doivent utiliseren minuscules
Les valeurs des attributs XHTML doivent être utiliséesentourés de guillemets
La minimisation des attributs XHTML est égalementInterdits

<!DOCTYPE ....> est obligatoire

Un document XHTML doit inclure une déclaration de type de document XHTML (XHTML DOCTYPE declaration).

Vous pouvez trouver la documentation complète des balises dans le manuel de référence des balises de la leçon de base : Type de document XHTML.

Les éléments <html>, <head>, <title> et <body> doivent également exister, et l'attribut xmlns de <html> doit spécifier l'espace de nom XML du document.

L'exemple suivant montre un document XHTML avec le minimum de balises nécessaires :

<!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>
　　<meta charset="utf-8">
　　<title>Titre du document</title>
</head>
　
<body>
Contenu du document
</body>
　
</html>

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

Dans HTML, certains éléments peuvent ne pas être imbriqués les uns dans les autres, comme ceci :

<b><i>Texte en gras et en italique</b></i>

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

<b><i>Texte en gras et en italique</i></b>

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

Exemple incorrect :

<p>Ceci est un paragraphe
<p>Ceci est un autre paragraphe

Exemple correct :

<p>Ceci est un paragraphe</p>
<p>Ceci est un autre paragraphe</p>

Les éléments vides doivent contenir une balise de fermeture

Exemple incorrect :

Saut de ligne : <br
Ligne horizontale : <hr>
Image : <img src="happy.gif" alt="Visage joyeux">

Exemple correct :

Saut de ligne : <br　/>
Ligne horizontale : <hr　/>
Image : <img src="happy.gif" alt="Visage joyeux">　/>

Les éléments XHTML doivent être en minuscules

Exemple incorrect :

<BODY>
<P>Ceci est un paragraphe</P>
</BODY>

Exemple correct :

<body>
<p>Ceci est un paragraphe</p>
</body>

Les noms des attributs doivent être en minuscules

Exemple incorrect :

<table WIDTH="100%">

Exemple correct :

<table width="100%">

Les valeurs des attributs doivent être entre guillemets

Exemple incorrect :

<table width=100%">

Exemple correct :

<table width="100%">

Les abréviations d'attributs ne sont pas autorisées

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 HTML en XHTML

Ajoutez un <!DOCTYPE> XHTML à votre page web
Ajoutez l'attribut xmlns à chaque élément HTML de chaque page.
Changez tous les éléments en minuscules
Fermez tous les éléments vides
Modifiez tous les noms d'attributs en minuscules
Ajoutez des guillemets à toutes les valeurs des attributs

Utilisez W3Vérifiez votre XHTML avec C validateur

Lecture de vidéo HTML (Video)Résumé HTML