Exemple
Lien vers une feuille de style externe:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Essayez - le vous - même » Définition et utilisation
Le <link> balise définit un lien entre un document et une ressource externe.
Le <link> tag est utilisé pour relier les feuilles de style externes.
support du navigateur
Lorsqu'il est utilisé pour les feuilles de style, le <link> tag est pris en charge dans tous les principaux navigateurs. Aucun soutien réel pour toute autre chose.
| Élément | |||||
|---|---|---|---|---|---|
| <link> | Oui | Oui | Oui | Oui | Oui |
Remarque: Le <link> élément est un élément vide, il contient des attributs seulement.
Remarque: Cet élément ne va que dans la section de la tête, mais il peut apparaître un certain nombre de fois.
Différences entre HTML 4.01 et HTML5
Certains HTML 4.01 attributs ne sont pas pris en charge dans HTML5.
La "sizes" attribut est nouvelle en HTML5.
Différences entre HTML et XHTML
Dans HTML le <link> tag n'a pas d' étiquette d'extrémité.
En XHTML le <link> balise doit être correctement fermé.
Les attributs
= Nouveau en HTML5.
| Attribut | Valeur | La description |
|---|---|---|
| charset | char_encoding | Non pris en charge en HTML5. Indique le codage de caractères du document lié |
| crossorigin | anonymous use-credentials | Indique comment l'élément gère les requêtes croisées origine |
| href | URL | Indique l'emplacement du document lié |
| hreflang | language_code | Indique la langue du texte dans le document lié |
| media | media_query | Indique sur quel périphérique le document lié sera affiché |
| rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up | Obligatoire. Indique la relation entre le document courant et le document lié |
| rev | reversed relationship | Non pris en charge en HTML5. Indique la relation entre le document lié et le document en cours |
| sizes | HeightxWidth any | Indique la taille de la ressource liée. Uniquement pour rel = "icône" |
| target | _blank _self _top _parent frame_name | Non pris en charge en HTML5. Indique où le document lié doit être chargé |
| type | media_type | Indique le type de support du document lié |
Attributs globaux
Le <link> tag supporte également les attributs globaux en HTML .
Attributs de l'événement
Le <link> tag soutient également l' événement Attributs en HTML .
Pages associées
HTML tutoriel: Styles HTML
Référence HTML DOM: Lien Object
Paramètres par défaut de CSS
La plupart des navigateurs affichent le <link> élément avec les valeurs par défaut suivantes:
link {
display: none;
}