Cours par Webcam

Cours par Webcam

Formateur Web pour adultes depuis plus 11 ans, je vous propose des COURS collectifs par WEBCAM en LIVE pour booster vos connaissances et être autonome dans la création de site.

En savoir plus

Tags base

Page HTML

Tags sémantiques

Tags navigation

Tags mise en page

Tags multimédia

Tags interaction

Tags grouper

Tags tableau

Tags formulaire

Tags universelles

Attributs globaux

Share on facebook
Facebook
Share on google
Google+
Share on twitter
Twitter
Share on linkedin
LinkedIn

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

A lire aussi

tutowebdesign

Afficher du contenu au scroll

Afficher du contenu au scroll Voici un effet impressionnant et pourtant très facile à mettre en place sur vos pages. Le principe consiste à faire

Lire »
tutowebdesign

Créer un menu latéral animé

Créer un menu latéral animé Idéal pour les formats mobiles, voici un menu latéral animé facile à faire dont l’ouverture est déclenchée par Javascript. Commençons

Lire »
MegaphoNews - Closer Than Ever

The leading news agency comes to your smartphone.  Download now.

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.