UP PREVIOUS NEXT   Technologies Internet et Education, © TECFA
  4. Principe du langage XHTML

4. Principe du langage XHTML

4.1 Définition

The Extensible HyperText Markup Language (XHTML) est un langage de balisage ("mark up")

4.2 Les notions d'environnement et de balise

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

Voici un exemple d'environnement XHTML:

<h1>Titre principal</h1>

A. Imbrication

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

 

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

 

B. Paramètres (ou attributs)

nom="valeur"
........
<img src="next.gif" />
........

 

4.3 Structure de base d'un document XHTML:

La structure d'une page XHTML avec un schéma:

 

Exemple d'un document XHTML transitionnel

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

 

  1. Le document doit posséder une entête XML
    • Une déclaration XML (version et à option "jeu de caractères")
<?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">
  1. 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">
  1. 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.
  2. 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.
  3. Toute la page XHTML proprement dite (ce qui est visible dans le browser) est incluse dans le corps ("body").

4.4 Différences majeurs par rapport à HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
 xmlns="http://www.w3.org/1999/xhtml"
<?xml version="1.0" encoding="ISO-8859-1" ?>

4.5 Configuration du serveur

Workaround pour IE Explorer

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

UP PREVIOUS NEXT -- TIE