Le tag <link> établit un lien entre un document HTML et une ressource externe. Généralement, il est utilisé pour connecter un fichier externe, qui spécifie les styles ou les polices CSS.

Syntaxe

Le tag <link> est un seul élément, donc il ne contient que des attributs. Le tag est toujours placé dans le tag <head> (généralement, avant le tag fermant </head> ), mais en même temps, il peut être utilisé plusieurs fois.

En XHTML l'utilisation du tag fermant (</link>) est obligatoire.

Exemple

<!DOCTYPE html>
<html>
   <head>
      <link rel="stylesheet" type="text/css" href="style.css">
   </head>
   <body>
      <h1>L'apparence de l'en-tête est définit par les styles CSS spécifiés dans le fichier externe.</h1>
      <p>L’apparence de la paragraphe est définit par les styles CSS spécifiés dans le fichier externe.</p>
   </body>
</html>

Résultat

L'en-tête

Attributs

Attribut Valeur Description
charset char_encoding Spécifie l’encodage du document lié.
Non supporté en HTML5.
href URL Indique le lieu du fichier externe.
hreflang language_code Spécifie la langue du texte du document lié.
media media_query Définit le périphérique pour lequel les styles seront appliqués.
rel alternate
archives
author
bookmark
external
first
help
icon
last
license
next
nofollow
noreferrer
pingback
prefetch
prev
search
sidebar
stylesheet
tag
up
Spécifie les relations entre le document actuel et le fichier référencé.
rev reversed relationship Spécifie les relations entre le document actuel et le document lié.
Non supporté en HTML5.
sizes HeightxWeight Définit la taille des icônes associées. Il n'est utilisé qu'avec rel = "icon".
target Indique comment le lien doit être ouvré.
Non supporté en HTML5.
_blank - dans la nouvelle fenêtre.
_self - dans la fenêtre courante.
_top - en pleine largeur de la fenêtre.
_parent -dans le cadre parent.
frame_name - dans le cadre (frame).
type media_type Indique le type MIME (Spécification pour la transmission sur le réseau de fichiers de types différents) du document lié.

Le tag <link> supporte également les Attributs globaux et les Attributs d'événements.

Support de Navigateurs

chrome edge firefox safari opera

Pratiquez vos connaissances

Quels sont les usages de la balise <link> en HTML?
Trouvez-vous cela utile?