Tag HTML <link>
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
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
|
|
|
|
|
|---|---|---|---|---|
| ✓ | ✓ | ✓ | ✓ | ✓ |
Pratiquez vos connaissances
Quels sont les usages de la balise <link> en HTML?
Correcte!
Incorrecte!