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">

Essayez-le vous-même

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