Ejemplo
Enlace a una hoja de estilo externa:
Inténtalo tú mismo »
Definición y uso
los <link> La etiqueta define la relación entre el documento actual y un recurso externo.
los <link> La etiqueta se usa con mayor frecuencia para vincular a hojas de estilo externas.
los <link> El elemento es un elemento vacío, solo contiene atributos.
Soporte del navegador
Cuando se usa para hojas de estilo, la etiqueta es compatible con todos los navegadores principales. No hay apoyo real para nada más.
| Elemento | |||||
|---|---|---|---|---|---|
| sí | sí | sí | sí | sí |
Atributos
| Atributo | Valor | Descripción |
|---|---|---|
| origen cruzado | anónimo credenciales de uso |
Especifica cómo el elemento maneja las solicitudes de origen cruzado. |
| href | URL | Especifica la ubicación del documento vinculado |
| hreflang | Código de lenguaje | Especifica el idioma del texto en el documento vinculado |
| medios de comunicación | media_query | Especifica en qué dispositivo se mostrará el documento vinculado |
| referrerpolicy | sin referencia no-referrer-when-downgrade origen origen-cuando-origen-cruzado URL insegura |
Especifica qué referencia usar al obtener el recurso. |
| rel | alterno autor dns-prefetch ayuda icono licencia Siguiente pingback preconectar precargar precarga prerender anterior buscar hoja de estilo |
Requerido. Especifica la relación entre el documento actual y el documento vinculado. |
| tamaños | AlturaXAncho alguna |
Especifica el tamaño del recurso vinculado. Solo para rel = «icon» |
| título | Define una hoja de estilo preferida o alternativa | |
| escribe | tipo de medio | Especifica el tipo de medio del documento vinculado. |
Atributos globales
los <link> La etiqueta también admite los atributos globales en HTML.
Atributos de eventos
los <link> La etiqueta también admite los atributos de eventos en HTML.
páginas relacionadas
Tutorial HTML: estilos HTML
Referencia HTML DOM: objeto de enlace
Configuración CSS predeterminada
La mayoría de los navegadores mostrarán <link> elemento con los siguientes valores predeterminados:
Enlace {
pantalla: ninguna;
}