Le meilleur pour la fin, les liens ! Ce qui fait d'une page Web une vraie page hypertexte (le HT de XHTML) et pas un bête document. Les liens se décrivent avec l'élément <a> (qui est, bien sûr, inline), suivi d'attributs.
Le lien de base utilise l'attribut href :
On peut utiliser des liens absolus, comme celui ci-dessus, qui donne l'ensemble de l'URL, mais aussi des liens relatifs, qui sont relatifs à l'arborescence de votre site. Admettons que vous ayez dans votre répertoire ~/www/ un répertoire stage qui contient, entre autres, le fichier rapport.html. Pour faire un lien dessus, depuis la page d'accueil, ça donnera :
Une ancre sert à faire un lien local, c'est-à-dire vers un endroit précis du document. C'est particulièrement utile pour faire une table des matières avec des liens qui pointent vers les titres, ou encore pour faire des références croisées dans un document.
On commence par définir les ancres, c'est-à-dire les endroits vers lesquels on veut pointer. On utilise l'attribut name de l'élément <a> :
Quand vous lisez le document avec un navigateur, l'ancre est invisible. Pour choisir le nom de l'ancre, vous avez à votre disposition tous les caractères alphanumériques, et mêmes les caractères accentués. Veuillez seulement à ne pas utiliser deux fois la même ancre au sein du document.
Pour faire le lien vers cette ancre, on utilise toujours l'attribut href, mais en modifiant la syntaxe avec un # :
Vous pouvez positionner un lien vers cette ancre même depuis un autre fichier :
Vous pouvez créer un lien de telle sorte que, lorsqu'on suit ce lien, on vous envoie un courrier électronique. On utilise toujours l'élément <a> et son attribut href. Seulement, le protocole du lien change. Auparavant c'étaient des liens HTTP (Web). Mais vous pouvez aussi utiliser le protocole mailto, qui est le protocole des courriers électroniques.
Quand un lecteur suivra ce lien, son navigateur lui proposera de vous envoyer un mail.
Les entités dont vous avez besoin en l'espèce sont @ pour une arobase (@) ou encore . pour un point (.) et - pour un tiret (-). Ce qui donne :
Complètement illisible, on est bien d'accord ? C'est ce que verra le robot collecteur d'adresses. En revanche, un lecteur normal passant par un navigateur verra correctement votre adresse e-mail.