Balise LINK
Rôle
La balise <link> définit la relation entre un document et une ressource externe. La balise <link> est surtout utilisée pour lier les feuilles de style CSS.
Testez vous-même cette balise
Utilisez Codepen.
Compatibilité
La balise <link> est pris en charge par tous les principaux navigateurs
Attributs spécifiques
Attributs spécifiques à cet élément
- charset
- Spécifie le jeu de caractères du document lié (n’est plus supporté en HTML5)
Syntaxe :
<link rel="stylesheet" href="style.css" charset="utf8" > - href
- Spécifie la destination du lien
Syntaxe :
<link rel="stylesheet" href="page.html" > > - hreflang
- Spécifie la langue du document dans le lien
Syntaxe :
<link rel="stylesheet" href="page.html" hreflang="fr" > - media
- Spécifie le type de média pour lequel le lien est optimisé. Vous pouvez combiner les informations avec les opérateurs ,(ou) and(et) et not(non)
Syntaxe :
<link rel="stylesheet" href="page.html" media="screen and (max-height:700px)" > Appareils :- all : par défaut, tous les appareils
- aural : synthétiseur vocal
- braille : dispositif en braille
- handheld : appareil de poche
- projection : projecteur
- print : mode aperçu pour impression
- screen : écran d’ordinateur
- tty : téléscripteur et média similaire
- tv : dispositif de type télévision
- rel
- Spécifie la relation entre le document courant et le document lié
Syntaxe :
<link href="page.html" rel="nofollow" > Valeurs possibles :- alternate : lien vers une autre version du document (traduction, imprimable..)
- author : lien vers l’auteur du document
- bookmark : URL permanente utilisée pour un ‘bookmarking’
- help : lien vers un document d’aide
- icon : importe une icône pour représenter le document
Exemple :<link rel="icon" href="/favicon.ico" type="image/x-icon" >
- license : lien vers des informations de copyright
- next : lien vers le document suivant
- nofollow : « nofollow » utilisé par Google, précise que le moteur ne devrait pas suivre ce lien
- noreferrer : indique que le navigateur ne doit pas envoyer un entête HTTP Referer si l’utilisateur suit le lien hypertexte
- prefetch : indique que le document cible doit être mis en cache
- prev : lien vers le document précédent
- search : lien vers un outil de recherche pour le document
- tag : un tag (mot-clé) pour le document en cours
- sizes
- Spécifie la taille des icônes pour les médias visuels. Cet attribut est utilisé uniquement si rel= »icon » (fonctionne sur aucun navigateur).
- target
- Précise où ouvrir le document lié
Syntaxe :
<link rel="stylesheet" href="page.html" target="_blank" > Valeurs possibles:- _blank : ouvre le document lié dans une nouvelle fenêtre ou onglet
- _self : ouvre le document lié dans le même cadre (comportement par défaut)
- _parent : Ouvre le document lié dans le cadre parent
- _top : Ouvre le document lié dans le corps entier de la fenêtre
- nom_du_cadre : ouvre le document lié dans un cadre nommé
- type
- Précise le type mine du document lié
Syntaxe :
<link rel="stylesheet" href="page.html" type="text/css" >
