Cours
2. XHTML et CSS
2.5. Format général d'un fichier html
2.5.1. Le format de base
Un fichier (x)html se présente toujours de la manière suvante:
← Ici se trouve la déclaration du type de document ( version (X)HTML utilisée ) | |
<html> <head> </head> | ← Ici se trouve l'entête ( renseignements divers non destinés à être affichés directement sur l'écran ) |
<body> </body> </html> | ← Ici se trouve le corps ( contenu à afficher sur l'écran ) |
2.5.2. La déclaration du type
Le type que nous utilisons dans ce cours est XHTML 1.0 Transitional dont la déclaration est la suivante:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Si vous utilisez XHTML 1.0 Transitional, il faudra donner à la balise <html> une forme plus compliquée, p.ex:
<html xml:lang="fr" lang="fr" xmlns="http://www.w3.org/1999/xhtml">
Le type le plus utilisé actuellement est HTML 4.01 Transitional, dont la déclaration est la suivante:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
2.5.3. La validation
W3C est un organisme mondial qui énonce la syntaxe d'après laquelle un document d'un type donné doit être construit.
W3C met à la disposition un → programme de validation qui permet de contrôler si votre document est correct (un document non correct peut très bien "marcher" dans votre navigateur qui est assez tolérant!)
Contrôlez p. ex que la première page de ce cours ( http://lhce.math.lu/ ) est un document du type XHTML 1.0 Transitional correct!
2.5.4. L'entête
L'entête renferme des renseignements importants pour les moteurs de recherche (→ Google, → Yahoo..) et pour votre propre navigateur.
Regardez p. ex. l'en-tête de la présente page:
charset=iso-8859-1 fixe l'écriture (Europe de l'Ouest)
title n'est pas le titre qu'on voit sur l'écran, mais celui destiné aux moteurs de recherche
Nous reviendrons sur styleheet dans la prochaine leçon.
2.5.3 Exercice
Copiez (Sélectionner tout, CTRL C, votre éditeur, CTRL V, Enregistrer sur votre disque dur, Client FTP, Transfert sur votre subdomain) le fichier XHTML suivant sur votre partie du serveur. Vérifiez par le validateur W3C. S'il y a des fautes, essayez de comprendre où elles se trouvent, corrigez jusqu'à ce que le validateur se montre satisfait:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xml:lang="fr" lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>Fichier test</title>
</head>
<body>
<p>
Voici un test.
<p>
Bonne <b>chance pour trouver <i>toutes les fautes </b></i> d'après la syntaxe XHTML 1.0 Transitional!!
</p>
</p>
</p>
</body>
</html>