HTML <link> Tag


Exemple

Lien vers une feuille de style externe :

<head>
<link rel="stylesheet" href="styles.css">
</head>
Essayez-le vous-même »

Définition et Utilisation

La balise <link> définit la relation entre le document actuel et une ressource externe.

La balise <link> est le plus souvent utilisée pour lier des feuilles de style externes ou pour ajouter un favicon à votre site web.

L'élément <link> est un élément vide, il ne contient que des attributs.


Support des Navigateurs

Élément
<link> Oui Oui Oui Oui Oui


Attributs

Attribut Valeur Description
crossorigin anonymous
use-credentials
Spécifie comment l'élément gère les requêtes cross-origin
href URL Spécifie l'emplacement du document lié
hreflang language_code Spécifie la langue du texte dans le document lié
media media_query Spécifie sur quel appareil le document lié sera affiché
referrerpolicy no-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
unsafe-url
Spécifie quel référent utiliser lors de la récupération de la ressource
rel alternate
author
dns-prefetch
help
icon
license
next
pingback
preconnect
prefetch
preload
prerender
prev
search
stylesheet
Requis. Spécifie la relation entre le document actuel et le document lié
sizes Hauteur x Largeur
any
Spécifie la taille de la ressource liée. Seulement pour rel="icon"
title Définit une feuille de style préférée ou alternative
type media_type Spécifie le type de média du document lié

Attributs Globaux

La balise <link> prend également en charge les Attributs Globaux en HTML .


Attributs d'Événement

La balise <link> prend également en charge les Attributs d'Événement en HTML .


Pages Associées

Tutoriel HTML : Styles HTML

Référence DOM HTML : Objet Lien


Paramètres CSS par Défaut

La plupart des navigateurs afficheront l'élément <link> avec les valeurs par défaut suivantes :

link {
display: none;
}