3 · Le XHTML
Le XHTML est parfaitement compatible avec les navigateurs actuels. Pour plus de visibilité sur le web, autant par les navigateurs que les moteurs de recherche, vous avez avantage à bien l'utiliser. Vous aurez besoin d'
Internet Explorer et de
Firefox afin de garantir un affichage uniforme de votre site sur les deux navigateurs les plus utilisés.
Vous pouvez utiliser n'importe quel éditeur de texte brut pour rédiger vos pages web. Le bloc notes de Windows fait très bien l'affaire. Il suffit de créer un nouveau document texte (mapage.txt), d'y insérer le code XHTML et de renommer le fichier mapage.htm afin de pouvoir l'ouvrir avec votre navigateur et d'en apprécier le résultat.
Voici un exemple de page vierge XHTML que vous pouvez utiliser:
..................................................................................
<!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>
<title>Titre de votre page
</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<meta name="description" content="Courte description de la page...
" />
<meta name="keywords" content="votre,liste,de,mots,clés
" />
<meta name="language" content="Fr" />
</head>
<body>
Le contenu visible de votre page, vos liens et vos images...
</body>
</html>
..................................................................................
On appelle le texte contenu entre
< et
> une balise. Elles servent à informer le navigateur de la méthode de traitement à appliquer lors de l'affichage de votre page.
Cliquez ici pour télécharger un prototype de site XHTML
Par exemple, les balises utilisées pour créer un lien vers une autre page sont
<a> et
</a>. Elles s'utilisent comme ceci:
<a href="page1.htm">texte qui sera souligné bleu sur lequel vous pourrez cliquer</a>.
Lorsque vous cliquerez sur le texte souligné en bleu, votre navigateur chargera la page1.htm à la place de la page que vous étiez en train de lire.
Pour afficher l'image de votre partenaire qui serait située dans votre répertoire images, vous utiliseriez cette balises:
<img src="images/partenaire.gif" alt="Texte affiché lors du survol de l'image avec votre souris" border="0" />
Vous pouvez faire des combinaisons comme ceci:
<a href="http://www.site_de_votre_partenaire.com/"><img src="images/partenaire.gif" alt="Visitez notre partenaire" border="0" /></a>.
(Ceci a pour effet de transformer une image en destination pour votre visiteur.)
Vous devez utiliser la balise
<br/> pour aller à la ligne suivante au lieu de la touche (Entrée). Vous pouvez utiliser ces balises:
<p>Pour définir un paragraphe
</p>
Il existe beaucoup d'autres balises que vous verrez au fil du temps. L'important pour l'instant, c'est que vous compreniez la mécanique des documents XHTMLs...