HTML - Balise <link>
La description
La balise HTML <link> est utilisée pour définir un lien vers un document externe. Il est placé dans la section <head> du document.
Exemple
<!DOCTYPE html>
<html>
<head>
<title>HTML link Tag</title>
<link rel = "stylesheet" href = "stylenew.css">
</head>
<body>
<div id = "contentinfo">
<p>Welcome to our website. We provide tutorials on various subjects.</p>
</div>
</body>
</html>
Voici le fichier css stylenew.css
#contentinfo p {
line-height: 20px;
margin: 30px;
padding-bottom: 20px;
text-align: justify;
width: 140px;
color: red;
}
Cela produira le résultat suivant -
Attributs globaux
Cette balise prend en charge tous les attributs globaux décrits dans - Référence des attributs HTML
Attributs spécifiques
La balise HTML <link> prend également en charge les attributs supplémentaires suivants -
Attribut | Valeur | La description |
---|---|---|
jeu de caractères | jeu de caractères | Définit le codage des caractères du document lié. |
href | URL | Spécifie l'URL du document de ressource. |
hreflang | Langue | Code de langue de l'URL de destination |
médias | screen tty tv projection handheld braille aural all |
Spécifie le périphérique sur lequel le document sera affiché |
rel | autre annexe signet contenu du chapitre copyright glossaire aide accueil index suivant section précédente début sous- section feuille de style |
Décrit la relation entre le document actuel et l'URL de destination. |
tour | autre annexe signet contenu du chapitre copyright glossaire aide accueil index suivant section précédente début sous- section feuille de style |
Décrit une inversion entre l'URI de destination et le document actuel. |
les tailles | Hauteur x largeur | Spécifie la taille de la ressource liée. |
cible | vide _self _top _parent |
Spécifie le cadre cible dans lequel charger la page. |
type | mime | Le type MIME du contenu à la destination du lien |
Attributs d'événement
Cette balise prend en charge tous les attributs d'événement décrits dans - Référence des événements HTML
Prise en charge du navigateur
Chrome | Firefox | C'EST À DIRE | Opéra | Safari | Android |
---|---|---|---|---|---|
Oui | Oui | Oui | Oui | Oui | Oui |