Types de lien
En HTML, les types de lien indiquent la relation entre deux documents, reliés ensemble grâce à un élément <a>
, <area>
, <form>
ou <link>
.
Type de lien | Description | Utilisable dans ces éléments | Interdit dans ces éléments |
---|---|---|---|
alternate |
|
<a> , <area> , <link> |
<form> |
archives
Deprecated
|
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 |
<a> , <area> , <link> |
<form> |
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
Bien que l'attribut
|
<a> , <area> , <link> |
<form> |
bookmark |
Ce type de lien indique l'hyperlien est
un permalien
pour l'élément
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> , <form> |
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> |
<a> , <area> , <form> |
dns-prefetch
Experimental
|
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> , <form> |
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> , <form> |
<link> |
first
Deprecated
|
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 :
Bien que les synonymes |
<a> , <area> , <link> |
<form> |
help |
|
<a> , <area> , <form> , <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
Note : sur iOS, ce type de lien n'est pas utilisé, à
la place, ce sont les relations (
Le type de lien |
<link> |
<a> , <area> , <form> |
import
Experimental
|
Imports de ressources en HTML | <link> |
<a> , <area> , <form> |
index
Deprecated
|
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 |
<a> , <area> , <link> |
<form> |
last
Deprecated
|
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 :
Bien que le synonyme |
<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
Note : bien qu'il puisse être reconnu, le synonyme
|
<a> , <area> , <form> , <link> |
Aucun. |
manifest |
Ce type de lien indique que la ressource liée est un manifeste d'application web. | <link> |
<a> , <area> , <form> |
modulepreload |
Initialise le chargement anticipé (et prioritaire) des modules de scripts | <link> |
<a> , <area> , <form> |
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 : |
<a> , <area> , <form> , <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> , <form> |
<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é
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
Lorsque |
<a> , <area> , <form> |
<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
(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> , <form> |
<link> |
opener
Experimental
|
Annule l'effet de l'ajout implicite de rel="noopener" sur
les liens qui possèdent explicitement target="_blank" (voir
la discussion sur les spécifications HTML,
la modification WebKit change
et
la discussion sur le bug Firefox correspondant).
|
<a> , <area> , <form> |
<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
|
<link> |
<a> , <area> , <form> |
preconnect
Experimental
|
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> , <form> |
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
Note :
la FAQ sur |
<link> |
<a> , <area> , <form> |
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 à |
<link> |
<a> , <area> , <form> |
prerender
Experimental
|
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> , <form> |
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 :
Bien que la valeur |
<a> , <area> , <link> , <form> |
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
|
<a> , <area> , <link> , <form> |
Aucun. |
shortlink |
Page Wikipédia : Le raccourcissement des URL Certains sites web créent des liens courts pour faciliter le partage de liens par messagerie instantanée. |
<link> |
|
sidebar
Non-Standard
Deprecated
|
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 pour les versions antérieures à Firefox 63. |
<a> , <area> , <link> |
<form> |
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
Utilisé avec le mot-clé |
<link> |
<a> , <area> , <form> |
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> , <form> |
up
Deprecated
|
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 |
<a> , <area> , <link> |
<form> |
Spécifications
Spécification | Statut | Commentaire |
---|---|---|
Preload La définition de 'preload' dans cette spécification. |
Candidat au statut de recommandation | 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 types' dans cette spécification. |
Standard évolutif |
Ajout de opener . noopener devient le
comportement par défaut pour les liens avec
target="_blank" .
|
HTML5 La définition de 'link types' dans cette spécification. |
Recommendation |
Ajout de Renommage de
Suppression de |
HTML 4.01 Specification La définition de 'link types' dans cette spécification. |
Recommendation |
Ajout de Renommage de Suppression de |
Unknown La définition de '<link>' dans cette spécification. |
Obsolete |
Ajout de top , contents , index ,
glossary , copyright , next ,
previous , help et search .
|
RFC 1866: HTML 2.0 | Obsolete | Définition initiale. |
Compatibilité des navigateurs
BCD tables only load in the browser