En HTML, les types de lien indiquent la relation entre deux documents, reliés ensemble grâce à un élément <a>, <area> ou <link>.

Liste des types de lien HTML et leur signification
Type de lien Description Utilisable dans ces éléments Interdit dans ces éléments
alternate
  • Si l'élément est un élément <link> et que l'attribut rel contient le type stylesheet, ce lien définit une feuille de style alternative. Dans ce cas, l'attribut title doit être présent et ne doit pas être la chaîne de caractères vide.
  • Si l'attribut type vaut application/rss+xml ou application/atom+xml, le lien définit un flux de syndication. Le premier flux définit sur la page est le flux par défaut.
  • Sinon, le lien définit une page alternative, il peut s'agir :
    • Si l'attribut media est défini, d'une page destinée à un autre support (par exemple une tablette)
    • D'une page dans une autre langue si l'attribut hreflang est défini,
    • D'une page dans un autre format (par exemple PDF) si l'attribut type est défini,
    • D'une combinaison de ces documents.
<a>, <area>, <link> Aucun.
archives Ce type définit un hyperlien vers un document qui contient un lien d'archive vers le document courant. Un billet de blog pourrait ainsi créer un lien vers un index qui liste les articles publiés pendant ce mois.

Note : Bien que la forme archive (au singulier) soit reconnue, elle est incorrecte et doit être évitée.
<a>, <area>, <link> Aucun.
author Ce type définit un hyperlien vers une page qui décrit l'auteur ou qui fournit un moyen de contacter l'auteur du document.

Note : Ce lien peut être un lien mailto: bien que ce ne soit pas recommandé afin d'éviter la collecte de l'adresse électronique (mieux vaut avoir un formulaire de contact).

Bien que l'attribut rev soit reconnu pour les éléments <a>, <area> et <link>, il ne faut pas utiliser cet attribut avec un type de lien « made » mais plutôt utiliser rel avec ce type de lien (« author »).
<a>, <area>, <link> Aucun.
bookmark Ce type de lien indique l'hyperlien est un permalien pour l'élément <article> qui est l'ancêtre le plus proche. S'il n'y en a aucun, c'est un permalien pour la section la plus proche de l'élément courant.

Ce type de lien permet de placer un marque-page pour un seul article d'une page qui contient plusieurs articles (par exemple un agrégateur).
<a>, <area> <link>
canonical Un lien canonique est un élément HTML qui aide les webmasters à ne pas dupliquer du contenu en indiquant la version canonique ou préférée de la page pour l'optimisation à destination des moteurs de recherche. <link>  
dns-prefetch Ce type de lien indique au navigateur qu'une ressource est nécessaire et permet au navigateur d'effectuer une requête DNS et un établissement de connexion avant que l'utilisateur clique sur le lien. <link> <a>, <area>
external Ce type de lien indique que l'hyperlien mène vers une ressource située à l'extérieur du site sur lequel se trouve la page courante. Autrement dit, en suivant ce lien, l'utilisateur quitte le site qu'il visite. <a>, <area> <link>
first Ce type indique que l'hyperlien mène à la première ressource dans la série de ressources à laquelle appartient la page actuelle.

Note : les autres types de lien permettant une navigation séquentielle sont : last, prev, next (pour respectivement la dernière, la précédente et la suivante).

Bien que les synonymems begin et start puissent être reconnus, ils sont incorrects et devraient être évités.
<a>, <area>, <link> Aucun.
help
  • Si l'élément est un élément <a> ou <area>, ce type indique que l'hyperlien mène vers une ressource contenant de l'aide sur l'utilisation de l'élément parent du lien et de ses descendants.
  • Si l'élément est un élément <link>, ce type indique que l'hyperlien mène vers une ressource fournissant une aide à propos de la page entière.
<a>, <area>, <link> Aucun.
icon Ce type définit une ressource qui représente la page dans l'interface utilisateur. C'est généralement une icône (visuelle ou auditive).

Les attributs media, type et sizes permettent au navigateur de choisir l'icône la plus appropriée au contexte. Si plusieurs ressources correspondent, le navigateur sélectionnera celle qui est déclarée en dernière, dans l'ordre des éléments de l'arbre du document. Ces attributs ne sont que des indications et les ressources associées peuvent ne pas correspondre, auquel cas, le navigateur en sélectionnera une autre s'il en existe une adéquate.

Note : sur iOS, ce type de lien n'est pas utilisé, à la place, ce sont les relations (rel) apple-touch-icon et apple-touch-startup-image qui sont utilisées.

Le type de lien shortcut est souvent vu avant icon mais il n'est pas conforme et les navigateurs l'ignorent, c'est pourquoi il ne doit plus être utilisé.
<link> <a>, <area>
index Ce type indique que la page fait partie d'une structure hiérarchique et que l'hyperlien renvoie au niveau le plus haut de cette structure.

Si un ou plusieurs liens de type up sont présent, la quantité de ces liens indique la profondeur de la page courante au sein de la hiérarchie.
<a>, <area>, <link> Aucun.
last

Ce type indique que l'hyperlien mène à la dernière ressource dans la série de ressources à laquelle appartient la page actuelle.

Note : les autres types de lien permettant une navigation séquentielle sont : first, prev, next (pour respectivement la première, la précédente et la suivante).

Bien que le synonyme end puisse être reconnu, il est incorrect et doit être évité.

<a>, <area>, <link> Aucun.
license Ce type de lien mène vers un document contenant des informations relatives à la licence appliquée au contenu. Si le lien n'est pas dans l'élément <head>, le standard n'indique pas que la licence doit s'appliquer à tout ou partie du document, seules les données de la page permettent de le savoir.

Note : bien qu'il puisse être reconnu, le synonyme copyright est incorrect et doit être évité.
<a>, <area>, <link> Aucun.
manifest Ce type de lien indique que la ressource liée est un manifeste d'application web. <link> <a>, <area>
next Ce type indique que l'hyperlien mène à la prochaine ressource dans la série de ressources à laquelle appartient la page actuelle.

Note : les autres types de lien permettant une navigation séquentielle sont : first, prev, last (pour respectivement la première, la précédente et la dernière).
<a>, <area>, <link> Aucun.
nofollow Ce type de lien indique que le document lié n'est pas approuvé par l'auteur du document actuel, par exemple s'il n'a aucun contrôle envers le document lié ou si le document est un mauvais exemple ou encore s'il existe une relation commerciale (le lien a été vendu). Ce type de lien peut être utilisé par certains moteurs de recherche qui utilise des classements selon la popularité des documents. <a>, <area> <link>
noopener

Ce type de lien indique au navigateur d'ouvrir le lien sans que le nouveau contexte de navigation créé ait accès au document qui contenait le lien (techniquement la propriété Window.opener renverra null).

Ce type est particulièrement utile lorsqu'on ouvre un lien pour lequel on ne veut pas qu'il puisse interagir avec le document source (voir également l'article About rel=noopener pour plus de détails) tout en fournissant un référent via l'en-tête HTTP (à moins que noreferrer n'y soit également utilisé).

Lorsque noopener est utilisé, les noms utilisés pour l'attribut target, qui ne sont pas vides et qui ne sont pas _top, _self ou _parent sont alors traités comme s'ils étaient synonymes de _blank lorsqu'il s'agit de décider d'ouvrir une nouvelle fenêtre ou un nouvel onglet.

<a>, <area> <link>
noreferrer

Ce type de lien empêche le navigateur, lorsqu'on navigue vers une autre page, que le l'adresse de la page ou toute autre valeur soit fournie via l'en-tête HTTP Referer.
(Dans Firefox, avant Firefox 37, ce type ne fonctionnait que pour les liens sur lesquels on cliquait directement, lorsqu'on utilisait un menu « Ouvrir dans un nouvel onglet », ce type était ignoré.

<a>, <area> <link>
pingback Ce type définit une URI vers une ressource externee qui doit être appelée si quelqu'un ajoute un commentaire ou une citation à propos de la page web courant. Le protocole pour un tel appel est défini dans la spécification Pingback 1.0.

Note : si l'en-tête HTTP X-Pingback est également présent, celui-ci aura la prioriété sur l'élément <link> avec ce type de lien.
<link> <a>, <area>
preconnect Ce type de lien suggère au navigateur d'ouvrir une connexion vers le site web visé de façon anticipée, sans diffuser d'information privée et sans télécharger de contenu. Il est utilisé afin de pouvoir récupérer le contenu lié plus rapidement. <link> <a>, <area>
prefetch Ce type de lien suggère au navigateur de récupérer la ressource liée de façon anticipée phase car il est probable que l'utilisateur la demande. À partir de Firefox 44, la valeur de l'attribut crossorigin est prise en compte, ce qui permet d'effectuer des récupérations anticipées anonymes.

Note : la FAQ sur prefetch explique quels liens peuvent être récupérés de façon anticipée et quelles peuvent être les méthodes alternatives.
<a> Non implémenté,
<area> Non implémenté,
<link>
Aucun.
preload

Ce type de lien indique au navigateur de précharger une ressource car celle-ci sera nécessaire par la suite lors de la navigation.

Voir l'article Précharger du contenu grâce à rel="preload" pour plus d'informations.

<link> <a>, <area>
prerender Ce type de lien suggère au navigateur de récupérer la ressource liée en avance et de préparer son rendu hors de l'écran afin qu'elle puisse être présentée rapidement à l'utilisateur lorsqu'elle sera nécessaire. <link> <a>, <area>
prev Ce type indique que l'hyperlien mène à la ressource précédente dans la série de ressources à laquelle appartient la page actuelle.

Note : les autres types de lien permettant une navigation séquentielle sont : first, next, last (pour respectivement la première, la suivante et la dernière).

Bien que la valeur previous soit reconnue comme synonyme, elle est incorrecte et ne doit pas être utilisée.
<a>, <area>, <link> Aucun.
search Ce type de lien indique que l'hyperlien cible un document dont l'interface est destinée à la recherche sur ce document, sur ce site ou sur les ressources associées.

Si l'attribut type vaut application/opensearchdescription+xml, la ressource est un plugin OpenSearch qui peut facilement être ajouté à l'interface de certains navigateurs comme Firefox ou Internet Explorer.
<a>, <area>, <link> Aucun.
stylesheet Ce type de lien définit une ressource externe qui doit être utilisée comme une feuille de style. Si le type de la ressource n'est pas défini, le navigateur considèrera que c'est une feuille de style text/css.

Utilisé avec le mot-clé alternate, il permet de définir une feuille de style alternative auquel cas l'atttribut title doit être présent et ne doit pas être la chaîne vide.
<link> <a>, <area>
sidebar Ce type indique que l'hyperlien mène vers une ressource qui serait plus pertinente au sein d'un contexte de navigation secondaire tel qu'une barre latérale. Les navigateurs qui ne possèdent pas de tel contexte ignoreront ce mot-clé.

Bien que ce type de lien ait fait partie de la spécification HTML, il a été retiré de la spécification et est uniquement implémenté par Firefox.
<a>, <area>, <link> Aucun.
tag Ce type indique que l'hyperlien fait référence à un document qui décrit l'étiquette (le tag) appliquée à ce document.

Note : ce type de lien ne doit pas être utilisé pour renvoyer vers un nuage de tags car ce dernier concerne un ensemble de pages et pas uniquement le document courant.
<a>, <area> <link>
up Ce type de lien indique que la page fait partie d'une structure hiérarchique et que l'hyperlien mène vers une ressource située au niveau supérieur de cette structure.

Le nombre de up indique la différence de profondeur dans la hiérarchie entre la page courante et la page associée.
<a>, <area>, <link> Aucun.

Spécifications

Spécification État Commentaires
Preload
La définition de 'preload' dans cette spécification.
Version de travail Ajout du type preload.
Resource Hints
La définition de 'preconnect' dans cette spécification.
Version de travail Ajout des types dns-prefetch, preconnect et prerender.
HTML Living Standard
La définition de '<link>' dans cette spécification.
Standard évolutif Aucune modification depuis la dernière dérivation (HTML Living Standard)
HTML5
La définition de '<link>' dans cette spécification.
Recommendation Ajout des types tag, stylesheet, search, prev, prefetch, noreferrer, nofollow, next, license, icon, help, bookmark, author et alternate.
HTML 4.01 Specification
La définition de '<link>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple (Oui) 1.0 (1.7 ou moins) (Oui) (Oui) (Oui)
Feuilles de style alternatives ? 3.0 (1.9) ? (Oui) ?
prefetch ? ? ? ? ?
prerender ? Pas de support[4] ? ? ?
preconnect 46 39 (39) [1] Pas de support ? Pas de support
dns-prefetch 46 3.0 (1.9) ? ? ?
preload 50.0 Pas de support[3] ? ? ?
noopener 49.0 52 (52) ? 36 ?
manifest Pas de support [2] ? ? ? ?
Fonctionnalité Android Webview Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile Chrome pour Android
Support simple (Oui) (Oui) 1.0 (1.0) (Oui) (Oui) (Oui) (Oui)
Feuilles de style alternatives ? ? 4.0 (2.0) ? ? ? ?
prefetch Pas de support ? ? ? ? ? ?
prerender ? ? Pas de support[4] ? ? ? ?
preconnect 46 ? 39.0 (39) ? ? ? 42.0 [1]
dns-prefetch 46 ? 1.0 (1.9) ? ? ? (Oui)
preload Pas de support 50.0 Pas de support[3] ? ? ? 50.0
noopener Pas de support 49.0 ? ? 32 ? 49.0
manifest Pas de support 39.0 ? ? ? ? 39.0

[1] Avant Firefox 41, ce type ne respectait pas l'attribut crossorigin.

[2] Ceci est une fonctionnalité mobile, la version pour ordinateur l'ignore donc plutôt que de provoquer une erreur.

[3] Cette fonctionnalité était uniquement disponible pour les ressources qui pouvaient être mises en cache avec Firefox 56. Elle a été désactivée dans Firefox 57 en raison de différents problèmes de compatibilité web (cf. bug 1405761). Une version améliorée, fonctionnant également avec les ressources qui ne peuvent pas être mises en cache devrait être disponible avec Firefox 58.

[4] Cette fonctionnalité a été implémentée via une préférence dans Gecko 53 (dom.linkPrerender.enabled) mais fut ensuite retirée en raison du manque d'utilisation et du retrait dans Chromium (cf. bug 1383876).

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, cdr, louuis, jcbita
 Dernière mise à jour par : SphinxKnight,