Prog-Info > (X)HTML/CSS > Cours de HTML 4 > XHTML / CSS.

XHTML/CSS

Introduction

XHTML signifie Extensible HyperText Markup Language.
XHTML a pour but de remplacer le HTML.
XHTML est presque identique au HTML4.01.
XHTML est une version plus stricte et plus propre du HTML.
XHTML est du HTML défini comme une application XML.
XHTML est devenu une recommandation officielle le 26 janvier 2000.

Passage du HTML au XHTML

Note: invalide ; valide

Le XHTML exige que toutes les balises ouvertes soient refermées même les balises vides :

<p>Mon texte. <p>Mon texte.
<p>Mon texte.</p> <p>Mon texte.</p>
<br>
<br />

L'imbrication en série des balises : il faut refermer les balises dans l'ordre inverse d'ouverture.

<strong><em>Texte en gras et en 
   italique.</strong></em>

<strong><em>Texte en gras et en 
   italique.</em></strong>

Les noms des balises et leurs attributs doivent être en minuscules :

<DIV ID="monMenu">...</DIV>
<div id="monMenu">...</div>

Les valeurs des attributs doivent être entre guillemets :

<div id=monMenu>...</div>
<div id="monMenu">...</div>

Les formes abrégées des attributs ne sont pas possibles :

<input name="radiobutton" type="radio" value="1" checked />

<input name="radiobutton" type="radio" value="1" checked="checked" 
   />

L'attribut name pour les éléments hx, a applet, frame, iframe, img et map est remplacé par id mais il vaut mieux mettre les deux parceque les anciens navigateurs ne supportent pas forcément l'attribut id.

<img src="image.gif" name="image" />
<img src="image.gif" id="image" name="image" />

Les caractères spéciaux doivent être codés dans les url :

<a href="index.php?id=1&page=5">
<a href="index.php?id=1&page=5">

Préciser le prologue XML et l'encodage des caractères :

<?xml version="1.0" encoding="iso-8859-1" ?>

Déclarer le type de document :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

L'élément racine doit avoir un espace de nom :

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

Les balises en XHTML

A cette adresse vous trouverez toutes les balises XHTML ainsi que leurs attributs, leurs événements, leurs utilités et leurs syntaxes.

Comment valider une page

Pour vérifier que votre page web est valide, il faut vous rendre à cette adresse.
Vous pouvez aussi insérer dans vos pages le lien suivant : http://validator.w3.org/check/referer.

Les balises obsolètes

On se tourne de plus en plus vers une philosophie qui est la suivante : les balises XHTML sont utilisées pour structurer le document tandis que les feuilles de styles sont là poour mettre en forme le contenu du document. C'est pour cela que de nombreuses balises deviennent obsolètement comme <center> et <font> par exemple.
Pour obtenir davantage d'informations, allez sur openweb.

Liens

W3 : Le consortium de World Wide Web (W3C).
la-grange.net : site de traduction en français des recommandations du W3C
w3schools : HTML, CSS, JavaScript, DHTML, XML, XHTML, ASP, ADO, tutorials, ...
openweb.eu.org : Nombreux articles sur les standards du web, XHTML, CSS.