Qu'est-ce que Generateur HTML link rel ?
Une balise link HTML connecte une page a une autre ressource ou declare une relation dans l'en-tete du document. Les developpeurs utilisent les balises link pour les URLs canoniques, les alternatives linguistiques, les icones, les indications de prechargement, les indications de preconnexion, les feuilles de style, et plus encore. Cet outil aide a maintenir les attributs comme as, type, href et crossorigin au bon endroit.
Réponse rapide
Creez des balises link HTML valides pour preload, preconnect, dns-prefetch, canonical et URLs alternatives sans deviner les attributs requis. Chaque valeur rel a des exigences specifiques comme as, type ou crossorigin.
Last updated: 2026-06-11
Limites
- L'attribut as est obligatoire pour les liens preload. Sans lui, le navigateur ne peut pas prioriser ou appliquer la politique de securite de contenu appropriee a la ressource prechargee.
- Precharger trop de ressources est contre-productif et peut retarder le chargement du contenu critique reel. Limitez les indications preload a une a trois ressources importantes par page.
- L'attribut crossorigin est obligatoire pour le prechargement des polices et autres ressources multi-origines. Son omission entraine le rejet du prechargement par le navigateur.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Comment utiliser cet outil
- Choisissez la valeur rel qui correspond a la relation ou a l'indication de navigateur dont vous avez besoin.
- Saisissez le chemin href ou l'URL.
- Ajoutez as, type et crossorigin uniquement lorsqu'ils s'appliquent a la valeur rel selectionnee.
- Copiez la balise generee dans la section head de votre HTML.
A quoi il sert
- Creer une balise preload pour une police, un script, une image ou une feuille de style.
- Ajouter preconnect ou dns-prefetch pour des origines tierces.
- Construire des balises link sans oublier les attributs as, type ou crossorigin.