HTML <link> rel Attribut
Exemple
Importer une feuille de style externe :
<link rel="stylesheet" href="styles.css"> Plus d'exemples ci-dessous.
Définition et utilisation
L'attribut requis rel spécifie la relation entre le document actuel et le document ou la ressource liée.
Support des navigateurs
| Attribut | |||||
|---|---|---|---|---|---|
| rel | Oui | Oui | Oui | Oui | Oui |
Syntaxe
<link rel=" value "> Valeurs des attributs
| Valeur | Description |
|---|---|
| alternate | Fournit un lien vers une version alternative du document (c'est-à-dire une page imprimable, traduite ou miroir). Exemple : <link rel="alternate" type="application/atom+xml" title="formation-ti.org News" href="/blog/news/atom"> |
| author | Fournit un lien vers l'auteur du document |
| dns-prefetch | Spécifie que le navigateur doit effectuer de manière préventive la résolution DNS pour l'origine de la ressource cible |
| help | Fournit un lien vers un document d'aide. Exemple : <link rel="help" href="/help/"> |
| icon | Importe une icône pour représenter le document. Exemple : <link rel="icon" href="favicon.ico" type="image/x-icon"> |
| license | Fournit un lien vers les informations de copyright pour le document |
| next | Fournit un lien vers le document suivant dans la série |
| pingback | Fournit l'adresse du serveur de pingback qui gère les pingbacks vers le document actuel |
| preconnect | Spécifie que le navigateur doit se connecter de manière préventive à l'origine de la ressource cible. |
| prefetch | Spécifie que le navigateur doit préemptivement récupérer et mettre en cache la ressource cible car elle est susceptible d'être requise pour une navigation ultérieure |
| preload | Spécifie que l'agent du navigateur doit préemptivement récupérer et mettre en cache la ressource cible pour la navigation actuelle selon la destination donnée par l'attribut "as" (et la priorité associée à cette destination). |
| prerender | Spécifie que le navigateur doit pré-rendre (charger) la page web spécifiée en arrière-plan. Ainsi, si l'utilisateur navigue vers cette page, cela accélère le chargement de la page (car la page est déjà chargée). Avertissement ! Cela gaspille la bande passante de l'utilisateur ! N'utilisez le pré-rendu que si vous êtes absolument sûr que la page web est nécessaire à un moment donné dans le parcours de l'utilisateur |
| prev | Indique que le document fait partie d'une série, et que le document précédent dans la série est le document référencé |
| search | Fournit un lien vers une ressource qui peut être utilisée pour rechercher dans le document actuel et ses pages associées. |
| stylesheet | Importe une feuille de style |
Plus d'exemples
Exemple
Voici comment ajouter un favicon à un site web :
<!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 titre</h1>
<p>Ceci est un paragraphe.</p>
</body>
</html>