Qué es Generador HTML link rel?
Una etiqueta de enlace HTML conecta una página con otro recurso o declara una relación en la cabecera del documento. Los desarrolladores usan etiquetas de enlace para URL canónicas, alternativas de idioma, iconos, sugerencias de precarga, preconexión, hojas de estilo y más. Esta herramienta ayuda a mantener los atributos como as, type, href y crossorigin en el lugar correcto.
Respuesta rápida
Cree etiquetas de enlace HTML válidas para precarga, preconexión, dns-prefetch, canonical y URL alternativas. Cada valor rel tiene requisitos específicos como as, type o crossorigin.
Last updated: 2026-06-11
Limitaciones
- El atributo as es requerido para enlaces preload. Sin él, el navegador no puede priorizar ni aplicar la CSP correcta.
- Precargar demasiados recursos es contraproducente. Limite las sugerencias a uno o tres recursos importantes por página.
- El atributo crossorigin es requerido para precargar fuentes y recursos de origen cruzado.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Cómo usar esta herramienta
- Elija el valor rel que coincida con la relación o sugerencia del navegador que necesite.
- Ingrese la ruta href o URL.
- Agregue as, type y crossorigin solo cuando correspondan al valor rel seleccionado.
- Copie la etiqueta generada en la sección head de su HTML.
Para qué puedes usarla
- Crear una etiqueta de precarga para una fuente, script, imagen u hoja de estilo.
- Agregar preconexión o dns-prefetch para orígenes de terceros.
- Construir etiquetas de enlace sin olvidar los atributos as, type o crossorigin.