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é

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

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" >

Voir les autres balises pour naviguer sur le web

area– a

Politique d'utilisation des cookies

En poursuivant votre navigation sur ce site, vous acceptez l’utilisation de cookies. Les cookies nous permettent de personnaliser le contenu, les sorties et d’optimiser notre trafic.