Attribut rel de HTML <link>
Définition et utilisation
Obligatoire rel
L'attribut spécifie la relation entre le document actuel et le document/résource lié.
Instance
Exemple 1
Importe une feuille de style externe :
<link rel="stylesheet" href="styles.css">
Exemple 2
Voici la méthode d'ajout de l'icône du site Web au site :
<!DOCTYPE html> <html> <head> <title>Titre de ma Page</title> <link rel="icon" type="image/x-icon" href="favicon.ico"> </head> <body> <h1>Ceci est un En-tête</h1> <p>Ceci est un paragraphe.</p> </body> </html>
Syntaxe
<link rel="value">
Valeur de l'attribut
Valeur | Description |
---|---|
alternate |
Fournit un lien vers la représentation alternative du document (par exemple, page d'impression, traduction ou miroir). Exemple : <link rel="alternate" type="application/atom+xml" href="/blog/news/atom"> |
author | Fournit un lien vers le lien de l'auteur du document. |
dns-prefetch | Définit que le navigateur doit effectuer en premier la résolution DNS du source où se trouve la ressource cible. |
help |
Fournit un lien vers le document d'aide. Exemple : <link rel="help" href="/help/"> |
icon |
Importe l'icône représentant le document. Exemple : <link rel="icon" href="favicon.ico" type="image/x-icon"> |
license | Fournit un lien vers les informations sur les droits d'auteur du document. |
next | Fournit un lien vers le document suivant de la série. |
pingback | Fournit l'adresse du serveur pingback pour traiter les pingback du document actuel. |
preconnect | Définit que le navigateur doit se connecter en premier à la source de la ressource cible. |
prefetch | Définit que le navigateur doit précharger et mettre en cache les ressources cibles, car elles pourraient être utilisées lors de la navigation ultérieure. |
preload | Définit que le proxy du navigateur doit précharger et mettre en cache les ressources cibles en fonction de la destination fournie par l'attribut "as" (et de la priorité associée à cette destination). |
prerender |
Définit que le navigateur doit précharger (charger) la page spécifiée en arrière-plan. Si l'utilisateur navigue vers cette page, cela accélérera le chargement de la page (car la page a déjà été chargée). Attention ! Cela gaspille la bande passante de l'utilisateur ! Ne utilisez le prérendu que si vous êtes absolument sûr que cette page est nécessaire à un moment donné pendant la navigation de l'utilisateur. |
prev | Indique que ce fichier fait partie d'une série et que le fichier précédent de la série est le fichier mentionné. |
search | Fournit des liens vers des ressources utilisables pour la recherche du document courant et des pages associées. |
stylesheet | Importer la feuille de style. |
Support du navigateur
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | Support | Support | Support | Support |