4. Principe du langage XHTML

4.2 Les notions d'environnement et de balise

Un environnement est délimité par une balise ou marqueur (Angl. "marker" ou "tag") inséré au début et à la fin.
Chaque marqueur est délimité par les signes < et >

<balise> ....... le contenu de l'environnement </balise>

Voici un exemple d'environnement XHTML:

<h1>Titre principal</h1>

JUSTE: <h1><a href="./test.html">Votre titre</a></h1>

FAUX !! <h1><a href="./test.html">Votre titre</h1></a>

nom="valeur"

........

<img src="next.gif" />

........

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

<!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" xml:lang="en" lang="en">

<head>

		<title>document test </title>

		<!-- Created by: D.K.S., 2002 -->

</head>

<body>

		<h1>document test</h1>

		Voici un test!

</body>

</html>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Le contenu du document doit être entouré de marqueurs (Angl. "tags") "html" avec une déclaration de "namespace".

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

L' en-tête ("head") est utilisé pour stocker de l'information à propos du document. Dans la plupart des cas, il s'agit uniquement du titre.
Le titre ("title") du document est utilisé à deux fins:

Dans la plupart des "browsers", le titre est affiché dans la barre supérieure de la fenêtre.
Le titre est souvent utilisé par les "search robots" pour indexer votre page. Choisissez donc quelque chose de significatif.

Toute la page XHTML proprement dite (ce qui est visible dans le browser) est incluse dans le corps ("body").

Insertion d'un DOCTYPE correct au début du fichier
(en principe aussi nécessaire pour HTML)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">

 xmlns="http://www.w3.org/1999/xhtml"

Minuscules pour toutes les balises: <P> devient <p> etc.
Les éléments vides doivent avoir un "terminateur": <hr> devient <hr /> etc.
Les valeurs d'attributs sont entourés de guillemets: <p align="right">
(aussi pour HTML en fait)
Chaque attribut doit avoir une valeur: <hr noshade="noshade"> .
Toujours utiliser & pour & dans des attributs, y compris les URL:
< a href="?a=1&b=2">
La déclaration XML n'est pas nécessaire, mais fortement conseillée (surtout si vous utilisez des jeux de caractères comme ISO-8859-1 (accents et Umlauts)

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

Normalement, un document XHTML doit être servi avec le mime-type:
"application/xhtml+xml"

En conséquence, la plupart des contenus XHTML sont actuellement servis comme HTML
Si vous mettez du XHtml dans un fichier *.html il sera servie comme "text/html" !

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

<?xml-stylesheet type="text/xsl" href="copy.xsl"?>

<!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>

Ensuite faire un fichier copy.xsl (accessible sur le même serveur!)

<stylesheet version="1.0"

     xmlns="http://www.w3.org/1999/XSL/Transform">

    <template match="/">

        <copy-of select="."/>

    </template>

</stylesheet>