Wat is HTML link rel generator?
Een HTML-link-tag verbindt een pagina met een andere resource of verklaart een relatie in de document-head. Ontwikkelaars gebruiken link-tags voor canonical-URL's, taalalternatieven, iconen, preload-hints, preconnect-hints, stylesheets en meer. Deze tool helpt om attributen zoals as, type, href en crossorigin op de juiste plaats te houden.
Snel antwoord
Maak geldige HTML-link-tags voor preload, preconnect, dns-prefetch, canonical en alternatieve URL's zonder te raden naar de vereiste attributen. Elke rel-waarde heeft specifieke vereisten zoals as, type of crossorigin.
Last updated: 2026-06-11
Beperkingen
- Het as-attribuut is vereist voor preload-links. Zonder dit kan de browser de vooraf geladen resource niet prioriteren of het juiste Content Security Policy toepassen.
- Te veel resources vooraf laden is contraproductief en kan het laden van echte kritische inhoud vertragen. Beperk preload-hints tot één tot drie belangrijke resources per pagina.
- Het crossorigin-attribuut is vereist voor het vooraf laden van lettertypen en andere cross-origin resources. Het weglaten ervan zorgt ervoor dat de preload door de browser wordt genegeerd.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Zo gebruik je deze tool
- Kies de rel-waarde die overeenkomt met de relatie of browserhint die u nodig heeft.
- Voer het href-pad of de URL in.
- Voeg as, type en crossorigin alleen toe wanneer ze van toepassing zijn op de geselecteerde rel-waarde.
- Kopieer de gegenereerde tag naar de head-sectie van uw HTML.
Waarvoor je het kunt gebruiken
- Maak een preload-tag voor een lettertype, script, afbeelding of stylesheet.
- Voeg preconnect of dns-prefetch toe voor domeinen van derden.
- Bouw link-tags zonder as-, type- of crossorigin-attributen te vergeten.