Balise HTML <link>
La balise <code><link></code> définit la relation entre le document actuel et une ressource externe. Elle est généralement utilisée pour lier une feuille de style CSS externe.
La balise <code><link></code> peut être utilisée pour lier différentes versions d'une page. Cela est utile s'il existe plusieurs traductions du contenu.
Un document HTML peut contenir plusieurs éléments <code><link></code> pour charger différents types de ressources, tels que des feuilles de style, des icônes ou du contenu préchargé. Tous ces éléments <code><link></code> doivent être placés dans la section <head> du document (généralement avant la balise de fermeture <code></head></code>). Plusieurs éléments <code><link></code> peuvent être utilisés dans un seul document.
Syntaxe
La balise <code><link></code> est vide, ce qui signifie que la balise de fermeture n'est pas requise. Elle ne contient que des attributs. Cependant, dans XHTML, la balise <code><link></code> doit être fermée (<link/>).
Exemple de la balise HTML <code><link></code> :
Balise HTML <link>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>The appearance of the header is determined by the CSS styles specified in the external file.</h1>
<p>The appearance of the paragraph is determined by the CSS styles specified in the external file.</p>
</body>
</html>Résultat
Attributs
| Attribut | Valeur | Description |
|---|---|---|
| as | content_type | Spécifie le type de contenu chargé. Requis lorsque rel="preload". |
| charset | char_encoding | Définit le codage du document lié. Obsolète en HTML5. |
| crossorigin | anonymous use-credentials | Configure les paramètres CORS pour la ressource liée. |
| href | URL | Définit l'URL du fichier externe. |
| hreflang | language_code | Définit la langue du texte du document lié. |
| integrity | hash_value | Active l'intégrité des sous-ressources pour vérifier les ressources récupérées. |
| media | media_query | Définit le périphérique sur lequel les styles seront appliqués. |
| rel | alternate author bookmark dns-prefetch first help icon last license next nofollow noreferrer pingback preload prefetch prev search stylesheet tag preconnect manifest modulepreload | Définit la relation entre le document actuel et le fichier lié. Valeurs courantes : stylesheet (lie un fichier CSS), icon (lie un favicon), preload (précharge une ressource), alternate (lie à une version alternative du document). |
| rev | reversed relationship | Définit la relation entre les documents actuel et lié. Obsolète en HTML5. |
| sizes | Width x Height | Définit la taille des icônes associées. Utilisé uniquement avec rel="icon". |
| type | media_type | Définit le type MIME (spécification pour le transfert réseau de différents types de fichiers) du document lié. Remarque : Lors de la liaison d'une feuille de style, type="text/css" est optionnel et la valeur par défaut est CSS. |
La balise <code><link></code> prend également en charge les Attributs globaux et les Attributs d'événement.
Pratique
Quels sont les attributs de la balise HTML <a> ?