HTML Rubriques
Élément de lien HTML
La balise <link> utilisée entre les balises <head></head> est utilisée pour charger des ressources en dehors de la page dans la page.
L’attribut rel="" détermine l’utilisation de la balise <link>.
Balise <link> pour les fichiers de style (rel=”stylesheet”)
La balise de lien rel="stylesheet" permet d’appeler les fichiers CSS externes utilisés sur la page.
<link rel="stylesheet" href="https://example.com/style.css" type="text/css" media="all" />Balise <link> pour Canonical (rel=”canonical”)
Utilisez l’attribut canonique rel="canonical" <link>, qu’il utilise pour spécifier l’URL canonique de la page.
<link rel="canonical" href="https://example.com/"/>Balise <link> pour le favicon (rel=”icon”)
Pour ajouter un favicon à la page, utilisez la balise rel="icon" <link> dans le code source de la page.
<link rel="icon" href="https://example.com/icon-32.png" sizes="32x32" />
<link rel="icon" href="https://example.com/icon-32.png" sizes="1922x922" />Balise <link> pour les versions linguistiques des pages (rel=alternate)
La balise rel="alternate" <link> est utilisée pour spécifier des pages alternatives de pages Web en langues étrangères.
<link rel="alternate" href="https://juniortoexpert.com/de/" hreflang="de" />
<link rel="alternate" href="https://juniortoexpert.com/en/" hreflang="en" />
<link rel="alternate" href="https://juniortoexpert.com/tr/" hreflang="tr" />
<link rel="alternate" href="https://juniortoexpert.com/fr/" hreflang="fr" />
<link rel="alternate" href="https://juniortoexpert.com/" hreflang="x-default" /><link> Balises pour les performances de chargement des pages
rel="dns-prefetch", rel="preconnect", rel="preload" sont utilisés pour accélérer le processus de chargement de la page.
rel=”dns-prefetch” <lien> Balise
<link rel="dns-prefetch" href="https://tagmanager.google.com/" />Balise rel=”preconnect” <link>
<link rel="preconnect" href="https://example.com">Balise rel=”preload” <link>
<link rel="preload" href="/assets/Pacifico-Bold.woff2" as="font" type="font/woff2">La balise de lien est-elle utilisée en dehors de la balise <head>?
Il est recommandé d’utiliser les balises <link> à l’intérieur des balises <head> dans l’architecture HTML, mais la balise <link> fonctionne lorsqu’elle est positionnée en dehors de la balise <head>.
Source:
