Ejemplo
Enlace a una hoja de estilos externa:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Inténtalo tú mismo " Definición y Uso
La <link> etiqueta define una relación entre un documento y un recurso externo.
La <link> etiqueta se utiliza para enlazar a las hojas de estilo externas.
Soporte para el navegador
Cuando se usa para las hojas de estilo, el <link> etiqueta es compatible con todos los principales navegadores. Sin un apoyo real para cualquier otra cosa.
| Elemento | |||||
|---|---|---|---|---|---|
| <link> | Sí | Sí | Sí | Sí | Sí |
Nota: La <link> elemento es un elemento vacío, contiene atributos solamente.
Nota: Este elemento va sólo en la sección de cabeza, pero puede aparecer cualquier número de veces.
Diferencias entre HTML 4.01 y HTML5
Algunos atributos HTML 4.01 no son compatibles con HTML5.
El "sizes" atributo es nuevo en HTML5.
Diferencias entre HTML y XHTML
En el HTML <link> etiqueta tiene ninguna etiqueta final.
En XHTML del <link> etiqueta debe estar debidamente cerrado.
atributos
= Nuevo en HTML5.
| Atributo | Valor | Descripción |
|---|---|---|
| charset | char_encoding | No se admite en HTML5. Especifica la codificación de caracteres del documento vinculado |
| crossorigin | anonymous use-credentials | Especifica cómo el elemento gestiona las peticiones de origen cruz |
| href | URL | Especifica la ubicación del documento vinculado |
| hreflang | language_code | Especifica el idioma del texto en el documento vinculado |
| media | media_query | Especifica de qué dispositivo se mostrará el documento vinculado |
| rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up | Necesario. Especifica la relación entre el documento actual y el documento vinculado |
| rev | reversed relationship | No se admite en HTML5. Especifica la relación entre el documento vinculado y el documento actual |
| sizes | HeightxWidth any | Especifica el tamaño del recurso vinculado. Sólo para rel "icono" = |
| target | _blank _self _top _parent frame_name | No se admite en HTML5. Especifica que el documento vinculado se va a cargar |
| type | media_type | Especifica el tipo de medio del documento vinculado |
Los atributos globales
La <link> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <link> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Tutorial de HTML: Estilos HTML
Referencia HTML DOM: enlace de objetos
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <link> elemento con los siguientes valores predeterminados:
link {
display: none;
}