Derniers tutoriels de développement web

HTML et XHTML


XHTML est HTML écrit en XML.


Qu'est-ce que XHTML?

  • XHTML signifie eXtensible Markup Hyper Text
  • XHTML est presque identique à HTML
  • XHTML est plus stricte que HTML
  • XHTML est HTML défini comme une application XML
  • XHTML est pris en charge par tous les principaux navigateurs

Pourquoi XHTML?

De nombreuses pages Internet contiennent "bad" HTML.

Ce code HTML fonctionne très bien dans la plupart des navigateurs (even if it does not follow the HTML rules) :

<html>
<head>
  <title>This is bad HTML</title>

<body>
  <h1>Bad HTML
  <p>This is a paragraph
</body>

Le marché actuel se compose de différentes technologies de navigateur. Certains navigateurs fonctionnent sur les ordinateurs, et certains navigateurs fonctionnent sur les téléphones mobiles ou d'autres petits appareils. Des appareils plus petits manquent souvent des ressources ou le pouvoir d'interpréter le "bad" balisage.

XML est un langage de balisage où les documents doivent être marqués correctement (be "well-formed") .

Si vous voulez étudier XML, s'il vous plaît lire notre tutoriel XML .

En combinant les forces de HTML et XML, XHTML a été développé.

XHTML est HTML remodelé au format XML.


Les différences les plus importantes de HTML:

Structure du document

  • XHTML DOCTYPE est obligatoire
  • Les xmlns attribut <html> est obligatoire
  • <html> , <head> , <title> et <body> sont obligatoires

XHTML éléments

  • Éléments de XHTML doivent être properly nested
  • Éléments XHTML doivent toujours être closed
  • Éléments de XHTML doivent être en lowercase
  • Les documents XHTML doivent avoir one root element

Attributs XHTML

  • Les noms d'attributs doivent être en lower case
  • Les valeurs d'attribut doivent être quoted
  • Minimisation de l' attribut est forbidden

<!DOCTYPE ....> est obligatoire

Un document XHTML doit avoir une déclaration DOCTYPE XHTML.

Une liste complète de tous les XHTML Doctypes se trouve dans notre balises HTML référence.

Le <html> , <head> , <title> et <body> éléments doivent également être présents, et les xmlns attribut <html> doit spécifier l'espace de noms XML pour le document.

Cet exemple montre un document XHTML avec un minimum de balises 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>
  some content
</body>

</html>

XHTML éléments doivent être emboîtés correctement

En HTML, certains éléments peuvent être mal imbriqués les uns dans les autres, comme ceci:

<b><i>This text is bold and italic</b></i>

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

<b><i>This text is bold and italic</i></b>

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

C'est faux:

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

C'est correct:

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

Les éléments vides doivent également être fermés

C'est faux:

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

C'est correct:

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

XHTML éléments doivent être en Minuscule

C'est faux:

<BODY>
<P>This is a paragraph</P>
</BODY>

C'est correct:

<BODY>
<P>This is a paragraph</P>
</BODY>

XHTML attribut Les noms doivent être en Minuscule

C'est faux:

<table WIDTH="100%">

C'est correct:

<table WIDTH="100%">

Les valeurs d'attributs doivent être mentionnés

C'est faux:

<table width=100%>

C'est correct:

<table WIDTH="100%">

Attribut Minimisation est interdite

Faux:

<input type="checkbox" name="vehicle" value="car" checked />

Correct:

<input type="checkbox" name="vehicle" value="car" checked="checked" />

Faux:

<input type="text" name="lastname" disabled />

Correct:

<input type="text" name="lastname" disabled="disabled" />

Comment convertir HTML à XHTML

  1. Ajouter un XHTML <!DOCTYPE> à la première ligne de chaque page
  2. Ajouter un xmlns attribut à l'élément HTML de chaque page
  3. Changer tous les noms d'éléments en minuscules
  4. Fermez tous les éléments vides
  5. Changer tous les noms d'attributs en minuscules
  6. Citation toutes les valeurs attributaires

Valider XHTML avec le validateur du W3C

Mettez votre adresse Web ci-dessous: