Sie sind auf Seite 1von 13

XHTML : définitions & versions

■ Définitions
– peut être considéré comme la version 5 du
langage HTML
– HTML selon les règles du métalangage XML
■ Versions
– XHTML 1.0, recommandation du W3C
entérinée le 26 janvier 2000
– XHTML1.1, recommandation du W3C
entérinée le 31 mai 2001,
– XHTML 2.0, documents de travail publiés en
décembre 2002
Limitations du langage HTML
■ Pluralité
– Développement de fonctions propriétaires plutôt
des standards par les concepteurs de navigateurs
Web
■ Manque d’Extensibilité
– Addition d'un nouveau groupe d'éléments peut
entraîner la modification intégrale des
spécifications du langage
■ Manque de portabilité
– Langage HTML peu rigoureux, donc non portables
vers les supports autres que les PC
De XML à XHTML
■ Langage XML (Extensible Markup Language)
■ Inventer un ensemble de balises pour une
application bien particulière  extensibilité
■ Séparer totalement le contenu de la forme
 portabilité
■ Valider la structure du document selon le
contexte (DTD = Document Type Definition)
■ Maintenir le support des balises et attributs du
langage HTML 4 à travers la norme XHTML
 passerelle entre HTML et XML
Espace de nommage XML
= collection de types d'éléments et de
noms d'attributs, identifiés par une
référence URI (Uniform Resource
Identifier)
■ inclure un attribut d'espace de nommage
xmlns dans la balise <html>

<html xmlns=http://www.w3.org>/1999/xhtml
xml:lang="fr" lang="fr">

<math xmlns="http://www.w3.org/1998/Math/MathML">
Outils de migration HTML  XHTML

■ Logiciel gratuit « Tidy» du W3C


– TidyGui (version graphique)

■ Homesite de Allaire

■ CoffeeCup HTML Editor


DTD = Document Type Definition :1
= Ensemble de déclarations d'éléments et
d'entités
■ La validation d’un document passe par :
– l’inclusion d’un lien vers l’adresse
http ://validator.w3c.org/check/referer,
ou
– l’appel au programme « Tidy ».
■ La création d’un document XHTML
commence par déclarer la DTD à laquelle il
doit se conformer dans l’entête du document
DTD = Document Type Definition :2
■ XHTML 1.0 spécifie trois types de
documents (= celles d'HTML 4.0) :
– Strict
• s’inspirer uniquement de cette dernière (avec feuilles de
style)
– Transitional
• profiter de toutes les options de présentation du langage
HTML (anciens navigateurs)
– Frameset
• compartimenter la fenêtre du navigateur à l'aide de
cadres

<! DOCTYPE HTML PUBLIC "‑//W3C//DTD XHTML 1.0


Strict//EN" "DTD/XHTML11‑strict.dtd>
XHTML # HTML : différences (1)
■ Les éléments <head> et <body> ne
peuvent être omis
■ les balises et le nom des attributs
doivent être uniquement en
minuscules
■ Les éléments vides doivent être
terminés
HTML XHTML
<hr> <hr />
<img src="image.gif"> <img src="image.gif" />
XHTML # HTML : différences (2)
■ Les éléments ne doivent pas se
chevaucher.
HTML XHTML
<p>en<b>gras !</p></b> <p>en< b>gras !< /b > < /p >

■ Le nom de l'attribut est remplacé par id


HTML XHTML
<a name="haut"></a> <a id="haut"></a>
XHTML # HTML : différences (3)

■ Tous les éléments non‑vides doivent


être fermés
HTML XHTML
<p> Premier paragraphe <p>Premier paragraphe</p>
XHTML # HTML : différences (4)

■ Les formes abrégées sont interdites


HTML XHTML
<table border> <table border="1">
<option value="page.htm" <option value="page.htm"
selected> selected="selected">
Page</option> Page</option>

■ Placez les valeurs des attributs entre


guillemets
XHTML # HTML : différences (5)

■ Scripts et CSS sont "intégrés " dans des


balises SGML

<script language="javascript"
type="text/javascript">
<! [CDATA[
c'est ici que se trouve le script
]]>
</script>
Prologue XHTML = XML
<?xml version="l.0"?>
<!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>...

Das könnte Ihnen auch gefallen