Latest web development tutorials

XHTML Présentation

XHTML est un format XML écrit en HTML.


Qu'est-ce que XHTML?

  • XHTML se réfère à la extensible HTML
  • XHTML et HTML 4.01 sont presque identiques
  • XHTML est une version plus stricte et plus pur HTML
  • l'application XHTML par le biais de XML défini HTML
  • XHTML est le Janvier 2001 Recommandation W3C publié
  • XHTML par tous les principaux navigateurs support

Pourquoi utiliser XHTML?

page Internet contient beaucoup de «mauvais» HTML.

Si vous regardez dans un navigateur, le code HTML suivant pour exécuter tout à fait normal (même si elle ne se conforme pas aux règles HTML):

<Html> <Head> <Meta charset = "utf-8"> <Titre> Ceci est un HTML non standard </ title> <Body> <H1> non-standard HTML <p> Ceci est un paragraphe </ body>

XML est un must bien marqué et bien formé langage de balisage.

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

Aujourd'hui, la communauté scientifique, il y a une certaine technologie de navigateur. Certaines d'entre elles fonctionnent sur un ordinateur, tandis que d'autres peuvent fonctionner sur les téléphones mobiles ou d'autres petits appareils. Les petits appareils manquent souvent d'expliquer les «mauvaises» les ressources et les capacités de langage de balisage.

Donc - en combinant les forces de HTML et XML, nous avons développé XHTML. XHTML en tant que XML redessiné HTML.


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

Structure du document

  • XHTML DOCTYPE est obligatoire
  • <Html> L'attribut d'espace de noms XML est obligatoire
  • <Html>, <head>, <title> et <body> est obligatoire

Element Syntaxe

  • éléments XHTML doivent être correctement imbriquées
  • éléments XHTML doivent toujours être fermés
  • éléments XHTML doivent être en minuscules
  • Les documents XHTML doivent avoir un élément racine

Attribut syntaxe

  • attributs XHTML doivent être en minuscules
  • les valeurs d'attributs XHTML doivent être entourés par des guillemets
  • XHTML attribut minimisation est interdit

<! DOCTYPE ....> est obligatoire

Les documents XHTML doivent être XHTML déclaration de type de document (XHTML déclaration DOCTYPE).

Vous pouvez trouver le tutoriel complet dans cette balise dans le Manuel de référence de type de document XHTML.

<Html>, <head>, <title> et <body> doit exister et doit utiliser <html> attribut xmlns dans le document spécifié xml namespace.

L'exemple suivant 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> <Meta charset = "utf-8"> <Titre> Document Titre </ title> </ Head> <Body> contenu du document </ body> </ Html>


éléments XHTML doivent être correctement imbriquées

En HTML, certains éléments ne peuvent pas être imbriquées, comme ceci:

<B> <i> italique et gras texte </ b> </ i>

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

<B> <i> texte en gras et en italique </ i> </ b>


éléments XHTML doivent avoir une balise de fermeture

Exemples d'erreurs:

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

A droite:

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


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

Exemples d'erreurs:

Branches: <br> niveau: <hr> Photos: <img src = "happy.gif" alt = "visage heureux">

A droite:

Branches: <br /> Niveau: <hr /> Photo: <img src = "happy.gif" alt = "visage heureux" />


éléments XHTML doivent être en minuscules

Exemples d'erreurs:

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

A droite:

<Body> <P> Ceci est un paragraphe </ p> </ Body>


Les noms d'attribut doivent être en minuscules

Exemples d'erreurs:

<Table WIDTH = "100%">

A droite:

<Table width = "100%">


Les valeurs des attributs doivent avoir des citations

Exemples d'erreurs:

<Table largeur = 100%>

A droite:

<Table width = "100%">


propriété raccourcie admis

Exemples d'erreurs:

<entrée vérifié> <entrée readonly> <entrée désactivé> <Option sélectionné>

A droite:

<entrée checked = "checked"> <entrée readonly = "lecture seule"> <entrée disabled = "disabled"> <Option selected = "selected">


Comment faire pour convertir HTML à XHTML

  1. Ajouter un XHTML <! DOCTYPE> à votre page
  2. Ajout d'attribut xmlns à l'élément HTML de chaque page.
  3. Changer tous les éléments en minuscules
  4. Fermez tous les éléments vides
  5. Modifier tous les noms d'attributs en minuscules
  6. Toutes les valeurs d'attribut pour ajouter des citations

Utiliser le validateur W3C pour tester votre XHTML

S'il vous plaît entrer votre URL dans la case ci-dessous: