Utilisez des <link> dans votre document

2005-04-25 : Cette page est la traduction française par Patrick Blanchenay du document intitulé Use <link>s in your document disponible à l'adresse : http://www.w3.org/QA/Tips/use-links. Même si le document original n'a pas valeur normative, il reste la seule référence, notamment parce qu'il est susceptible d'évoluer. Par ailleurs, des erreurs de traduction ont pu survenir.

L'élément LINK

Le HTML et le XHTML offrent un mécanisme donnant la possibilité aux auteurs d'ajouter des informations externes concernant le document HTML. Parmi ces sources externes, cela peut-être des informations de style (CSS), une aide pour la navigation, une information sous une autre forme (RSS), un moyen de contact, etc.

L'élément LINK (<link>) sert à ajouter ces informations dans l'en-tête de votre document, inclus dans l'élément HEAD.

Exemples

Considérons un exemple pratique, une page d'une site Web d'astronomie. Cette page concerne la planète Terre et appartient à une section décrivant le système solaire.

<!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" xml:lang="fr">
<head>
	<title>Terre - Weblog Astronomie</title>

Le début classique d'un document HTML.

<link rel="Start" href="/solar-system/" />
<link rel="Prev" href="/solar-system/venus/" />
<link rel="Next" href="/solar-system/mars/" />

Ces trois liens faciliteront la navigation dans certains agents.

Start indique le point de départ d'une section.
Prev indique l'élément précédent, ici la planète Vénus.
Next indique l'élément suivant, ici la planète Mars.

<link rel="Contents" href="/solar-system/contents.html" />

Contents renvoie à l'index de la section.

<link rel="Help" href="/website-help.html" />

Help permet de renvoyer à une page qui aidera vos visiteurs à se servir de votre site.

<link rel="alternate" 
 type="application/rss+xml" 
 title="RSS" 
 href="/updates.rdf" />

Cela donne la possibilité aux lecteurs RSS de trouver le flux RSS des mises à jour de votre site. Notez bien que, à l'heure où ce texte est écrit, le type MIME application/rss+xml est encore un brouillon "The application/rss+xml Media Type" et n'a pas encore été accepté par l'IETF.

<link rel="meta" 
 type="application/rdf+xml" 
 title="FOAF" 
 href="http://astro.exemple.org/foaf.xrdf" />

Cela donne la possibilité aux lecteurs FOAF de trouver les méta-données sur le document, par exemple l'auteur. Notez bien qu'à l'heure où ce texte est écrit, le type MIME application/rdf+xml n'a pas encore été accepté par l'IETF et qu'il n'y a pas eu d'autre avancement depuis la dernière proposition. [NdT : ce type MIME est aujourd'hui (2005-03-27) accepté : RFC3870]

<link href="mailto:webmaster@exemple.org" rev="made" />

Un moyen de contacter l'auteur du site.

<link rel="stylesheet" 
 type="text/css" 
 media="screen" 
 href="/style/astro.css" />

Voilà qui permet de préciser le CSS pour l'affichage votre site. Dans ce lien par exemple, nous avons précisé que la feuille de style était destiné aux appareils avec écran. Nous aurions pu lier d'autres feuilles de style pour d'autres media.

<link rel="alternate" 
 href="/solar-system/earth.de" 
 hreflang="de"
 title="Traduction allemande" />

On peut également donner accès à une traduction du document dans une autre langue, ici en allemand.

</head>
<body>
… Voici le reste du document.

Voilà qui ferme l'en-tête du document et ouvre le corps de la page.

Les agents utilisateurs (navigateurs) et d'autres applications se servent de ces liens pour aider les visiteurs à utiliser votre site.

En savoir plus

HTML 4.01: Description de l'élément LINK (Description of the LINK element) (La sémantique de l'élément est la même dans le XHTML 1.0)
HTML 3.2: l'élément LINK (LINK element)
Description des types de liens (Description of the link types)
Plongez dans l'accessibilité : Fournir des aides supplémentaires à la navigation (Provide additional navigation aids)