Dans cette lecon, vous renforcerez un peu plus votre connaissance theorique de HTML.
On peut coder en HTML de plusieurs facons. Et les navigateurs peuvent interpreter HTML d'autant de facons. On pourrait dire que HTML comporte beaucoup de dialectes. C'est la raison pour laquelle les sites Web semblent differents sur des navigateurs differents.
Presque des le debut d'Internet, il y a eut des tentatives pour elaborer un standard commun de HTML par le biais du World Wide Web Consortium (W3C) fonde par Tim Berners-Lee (oui ! le type formidable qui a invente HTML). Mais le chemin fut long et difficile.
A l'epoque, quand les navigateurs etaient payants, le navigateur Netscape dominait. Les standards HTML s'appelaient alors 2.0 et 3.2. Mais avec une part de marche de plus de 90 %, Netscape n'etait pas oblige de tant se soucier (et ne se soucia pas) de standards communs. Au contraire, Netscape inventait ses propres elements etranges, qui ne fonctionnaient pas sur d'autres navigateurs.
Longtemps, Microsoft ignora presque completement Internet. Apres un temps, la societe entra en competition avec Netscape et introduisit un navigateur. Les premieres versions du navigateur de Microsoft, Internet Explorer, n'etaient pas meilleures que Netscape dans le respect des standards HTML. Puis Microsoft choisit de distribuer son navigateur gratuitement (une option toujours tres acclamee) et Internet Explorer devint bientot le navigateur le plus populaire.
A partir des versions 4 et 5, Microsoft chercha a soutenir de plus en plus les standards HTML du W3C. Netscape n'entreprit pas de developper de nouvelle version de son navigateur et continua a en distribuer la version 4 depassee.
Le reste appartient a l'histoire. Aujourd'hui, les standards HTML se nomment 4.01 et XHTML. Et c'est au tour d'Internet Explorer d'avoir une part de marche de 90 %. Internet Explorer a toujours ses propres elements etranges mais utilise aussi les standards HTML du W3C. Tout comme d'autres navigateurs tels que Mozilla, Opera et Netscape.
Donc si votre code HTML respecte les standards du W3C, vous rendez vos sites Web lisibles par tous les navigateurs, que ce soit aujourd'hui et a l'avenir. Et par chance, ce que vous avez appris dans ce tutoriel est une version de HTML nouvelle plus stricte et plus propre appelee XHTML.
Avec tous les types differents de HTML, il est necessaire de dire au navigateur quel dialecte HTML est utilise, dans ce cas XHTML. Pour ce faire, on utilise une declaration de type de document. La declaration de type de document se place toujours en haut du document :
Exemple 1 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
<title>Titre</title>
</head>
<body>
<p>texte texte</p>
</body>
</html>
Hormis la declaration de type de document (la premiere ligne dans l'exemple precedent), qui indique au navigateur votre choix de XHTML,
il est necessaire de fournir des informations speciales dans la balise html au moyen des deux attributs xmlns
et lang.
Le terme xmlns est l'abreviation de XML-Name-Space (N.d.T. espace de nommage XML), et il devrait toujours avoir la valeur http://www.w3.org/1999/xhtml. C'est tout ce qu'il faut savoir. Si vous etes assoife de connaissances compliquees, vous pouvez lire plus a propos des espaces de nommage sur le site Web du W3C.
Dans l'attribut lang, vous indiquez la langue dans laquelle le document est ecrit. A cet effet, on utilise le
standard ISO 639, qui liste les codes de toutes les langues du monde.
Dans l'exemple ci-dessus, la langue indiquee est le francais ("fr").
Avec la definition de type de document (DTD) de la declaration, le navigateur sait exactement comment interpreter et afficher votre code HTML. De fait, utilisez l'exemple precedent comme gabarit pour tous vos futurs documents HTML.
La definition de type de document revet egalement de l'importance pour la validation des pages.
Inserez une declaration de type de document dans vos pages afin de toujours pouvoir corriger les erreurs de votre code HTML a l'aide du validateur gratuit du W3C.
Pour un test, fabriquez une page et mettez-la en place sur Internet. Ensuite allez a validator.w3.org et tapez l'adresse (URL) de votre page et validez-la. Si votre HTML est correct, vous obtiendrez un message de felicitation. Sinon vous aurez un rapport d'erreurs indiquant exactement en quoi et ou vous vous etes trompe. Faites expres des erreurs pour voir ce qui arrive.
Le validateur n'est pas seulement utile pour trouver les erreurs. Certains navigateurs compensent les defaillances des developpeurs Web en essayant de reparer les erreurs du code HTML et en affichant les pages comme ils estiment qu'elles devraient apparaitre. Avec eux, il se peut que vous ne voyiez jamais d'erreurs dans le navigateur. Par contre, les autres navigateurs feront peut-etre des estimations differentes et n'afficheront pas du tout la page. Le validateur peut vous aider a trouver des erreurs dont vous ignoriez meme l'existence.
Validez toujours vos pages pour vous assurer qu'elles s'afficheront toujours correctement.