link facebook twitter youtube

La balise <link>

L’élément <link> représente une méta-information qui exprime des relations interdocuments.
Son rôle est exprimé grâce à la valeur de l’attribut rel.

Les applications de <link> sont ainsi multiples. Elles peuvent avoir une conséquence tant sur la présentation du document (stylesheet) que sur les ressources qui lui sont attachées ( icon) et sur le comportement du navigateur vis-à-vis du réseau (prefetch).Propriétés de l’élément <link>

 

Attribut Valeurs Rôle
href URL Adresse de la cible.
hreflang code langue Langue de base du document cible.
rel alternate,
archives, author,
first, help, icon,
index, last,
license, next,
pingback, prefetch,
prev, search,
sidebar,
stylesheet, tag, up
Indique la relation existant entre le document courant et celui
de la cible (valable uniquement si l'attribut href est précisé).
(Ne sont pas autorisés contrairement à <a> : bookmark,external, nofollow, noreferrer )
Pour une description précise des rôles joués par chacune des valeurs possibles de l'attribut
rel, reportez-vous à l'avantdernière
section de ce chapitre «Relations des liens ».
media media query Spécifie une requête de média pour laquelle la cible est optimisée
(voir l'annexe B en ligne sur les feuilles de style CSS).
type type MIME Spécifie le type MIME de la cible, par exemple :
text/javascript pour du code JavaScript ;
text/css pour une feuille de style CSS.
sizeslink any
ou
hauteur x largeur
Dans le cas d'une relation icône (rel="icon"), indique les
dimensions de l'image en pixels. Plusieurs valeurs peuvent
être indiquées, séparées par des espaces.
Le terme any indique que l'image convient à plusieurs résolutions,
par exemple lorsqu'elle est au format vectorielSVG.

 

Exemples variés d'usage de <link>

 


<!-- Icône associée au document -->


<link rel="icon" href="icone.png" type="image/png" sizes="32x32">


<!-- Autre icône associée au document -->

<link rel="icon" href=icone.svg sizes="any" type="image/svg+xml">
  

<!-- Feuille de style pour l'affichage -->

<link rel="stylesheet" type="text/css" href="css/styles.css"
   media="screen">


<!-- Feuille de style pour l'impression -->

<link rel="stylesheet" type="text/css" href="css/print.css"
   media="print">


<!-- Flux de syndication -->

<link rel="alternate" type="application/rss+xml" href="flux.rss"
   title="Actualités">

 



  • html

    html

    L’élément <html> constitue la racine de tout document HTML. Il suit en général le
    doctype et clôt l’ensemble en fin de page par une balise fermante
    </html>.

    .......
    Voir Plus
  • head

    head

    L’en-tête du document exerce un rôle crucial, car il fournit de multiples renseignements sur le document lui-même, que le contenu n’indique pas.

    .......
    Voir Plus
  • title

    title

    Le titre du document détenu par <title> est affiché par le navigateur dans le titre de la fenêtre et/ou dans l’onglet actif.  Il est aussi choisi, à juste titre, comme intitulé du lien dans les rés

    .......
    Voir Plus
  • meta

    meta

    Les balises <meta> comblent le besoin de véhiculer plus de méta-informations au sujet du document. Il s’agit là aussi de renseignements qui ne ont pas affichés dans le corps de la page,.

    .......
    Voir Plus
  • style

    style

    La balise <style> Permet d’introduiredes propriétés spécifiques au document courant.
    Son contenu doit exclusivement relever de la syntaxe des feuilles de style.Les propriétés seront appliquées a

    .......
    Voir Plus
  •  base

    base

    Représente une base commune pour tous les éléments du document.il est conseillé de le placer en tantque tout premier élément dans, car les suivants utiliseront son information.

    .......
    Voir Plus
  • body

    body

    Ce corps est intégralement contenu entre <body> et </body>. On y retrouve toutes les autres balises décrites dans la suite de cet ouvrage. La seule balise susceptible de figurer après cet élément est </

    .......
    Voir Plus
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces