Baseline Widely available *
El elemento HTML <link>
especifica la relación entre el documento actual y un recurso externo. Los usos posibles de este elemento incluyen la definición de un marco relacional para navegación. Este elemento es más frecuentemente usado para enlazar hojas de estilos.
Nota: El atributo rel
puede ser establecido con muchos valores diferentes. Estos se encuentran listados en una página separada.
Este elemento incluye los atributos globales.
charset
Obsoleto
Este atributo define la codificación de caracteres del recurso enlazado. El valor es un espacio y/o una lista de grupos de caracteres según se define en RFC 2045, separados por coma. El valor predeterminado es iso-8859-1
.
Nota: Este atributo es obsoleto y no debe ser usado por autores. Para conseguir su mismo efecto, se recomienda usar el encabezado HTTP Content-Type en el recurso enlazado.
crossorigin
Este atributo enumerado indica si se debe usar CORS cuando se solicite una imagen relacionada. Las imágenes con CORS habilitado pueden ser reutilizadas en el elemento <canvas>
sin que estén corruptas.Los valores permitidos son:_ "anonymous"
_ : Una solicitud a un origen cruzado (esto es, con el encabezado HTTP Origin:
) es realizada, pero no se envÃan credenciales (es decir, no se envÃan cookies, ni certificado X.509, ni datos de autenticación básica HTTP). Si el servidor no otorga credenciales al sitio de origen (por no enviar el encabezado HTTP Access-Control-Allow-Origin:
) la imagen estará corrupta, y su uso estará restringido.
"use-credentials"
Una solicitud a un origen cruzado (esto es, con el encabezado HTTP Origin:
) es realizada, enviando credenciales (es decir, se envÃan cookies, certificado y autenticación básica HTTP). Si el servidor no otorga credenciales al sitio de origen (a través del encabezado HTTP Access-Control-Allow-Credentials:
), la imagen estará corrupta, y su uso estará restringido.Si no está presente, el recurso es obtenido sin una solicitud CORS (sin enviar el encabezado HTTP Origin:
), previniendo asà su uso no corrupto en elementos <canvas>
. Si se introduce un valor no permitido, se maneja como si usara el valor anonymous. Véase atributos de configuración CORS para más información.
disabled
No estándar
Este atributo es usado para deshabilitar una relación de enlace. Agregando programación, este atributo puede ser usado para habilitar o deshabilitar la relación con distintas hojas de estilos.
Nota: Aunque no hay atributo disabled
en el estándar de HTML, sà hay un atributo disabled
en el objeto DOM HTMLLinkElement
.El uso de disabled
como atributo HTML no es estándar, y solo puede ser usado en algunos navegadores (W3 #27677). No debe usarse. Para lograr un efecto similar, se puede usar una de las siguientes técnicas:
disabled
fue añadido directamente al elemento en la página, no incluya el elemento <link>
en vez de eso;disabled
del objeto DOM StyleSheet
vÃa programación.href
Este atributo especifica la URL del recurso enlazado. La URL debe ser absoluta o relativa.
hreflang
Este atributo indica el idioma del recurso enlazado. Es meramente informativo. Los valores permitidos son determinados por la BCP47. Se recomienda usar este atributo solamente si el atributo href
está presente.
integrity
Experimental
Contiene metadatos en lÃnea, el valor criptográfico codificado a base 64 de un recurso (archivo) que se le está indicando al navegador que obtenga, el cual puede ser utilizado por el agente usuario para verificar si el recurso obtenido ha sido entregado libre de manipulaciones inesperadas. Véase Integridad de subrecursos.
media
Este atributo especifica el tipo de medio al que aplica el recurso enlazado. Su valor debe ser un media query. Este atributo es usado principalmente cuando se enlaza a una hoja de esetilos externa en la que se le permita al agenete usuario seleccionar la que mejor se adapte al dispositivo sobre el que se ejecuta.
Nota:
print
, screen
, aural
, braille
. HTML5 extiende esto a cualquier clase de media queries, los cuales son un superconjunto de los valores permitidos de HTML 4.methods
No estándar
El valor de este atributo provee información acerca de las funciones que podrÃan ser ejecutadas en un objeto. Los valores son generalmente indicados por el protocolo HTTP cuando se usa, pero podrÃan (por razones similares a las del atributo title) ser usados para incluir información de ayuda por adelantado en el enlace. Por ejemplo, el navegador podrÃa elegir una representación diferente de un enlace como una función de los métodos especificados; algo que es buscable podrÃa tener un Ãcono diferente, o un enlace externo podrÃa dibujar una indicación de que se dejará el sitio actual. Este atributo no está bien comprendido, ni soportado, aun por el navegador en el que se definió, Internet Explorer 4. Véase Propiedades de métodos (MSDN).
referrerpolicy
Experimental
Una cadena de texto que indica el referente a usar cuando se obtenga el recurso:* 'no-referrer'
significa que el encabezado Referer
no será enviado.
'no-referrer-when-downgrade'
significa que no se enviará el encabezado Referer
cuando se navegue a un origen sin TLS (HTTPS). Este es el comportamiento predeterminado del agente usuario, si no se especifica una polÃtica distinta.'origin'
significa que el referente será el origen de la página, qué es básicamente el esquema, host y puerto.'origin-when-cross-origin'
significa que la navegación a otros orÃgenes estará limitada por el esquema, el host y el puerto, mientras que navegar dentro del mismo origen incluirá la ruta del referente'unsafe-url'
significa que el referente incluirá el origen y ruta (sin el fragmento, contraseña o nombre de usuario). Este caso es inseguro porque permite filtrar orÃgenes y rutas desde recursos protegidos por TLS a orÃgenes inseguros.rel
Este atributo indica la relación del documento enlazado con el actual. El atributo debe ser una lista de tipos de enlaces separados por espacio. El uso más común para este atributo es especificar el enlace a una hoja de estilos externa: el atributo rel se establece con valor stylesheet
, y el atributo href se establece con la URL de la hoja de estilos externa para dar formato a la página. WebTV también soporta el uso del valor next
en rel para precargar la siguiente página en una serie de documentos.
rev
Obsoleto
El valor de este atributo muestra la relación del documento actual al documento enlazado, como se define en el atributo href
. En consecuencia, este atributo define la relación inversa, en comparación al valor del atributo rel. Los tipos de enlace para este atributo son similares a los disponibles para rel
.
Nota: Este atributo es obsoleto en HTML5. No debe usarse. Para lograr este efecto, use el atributo rel
con el tipo de enlace contrario, por ejemplo, made debe reemplazar a author. Además, este atributo no significa revision y no debe ser usado con un número de versión, que es desafortunadamente el caso de muchos sitios.
sizes
Este atributo define los tamaños de los Ãconos para medios visuales contenidos en el recurso. Debe estar presente solo si el atributo rel
contiene el tipo de enlace icon. Puede tener los siguientes valores:
any
, significa que el Ãcono puede ser escalado a cualquier tamaño, ya que está en un formato vectorial, como image/svg+xml
.<anchura en pÃxeles>
x <altura en pÃxeles>
or <anchura en pÃxeles>
X <altura en pÃxeles>
. Cada uno de estos tamaños debe estar contenido en el recurso.
Nota:
sizes
contiene solamente una entrada. El formato ICO de Microsoft lo hace, asà como el formato ICN de Apple. Siendo ICO más común, es el que se recomienda usar.target
No estándar
Define el nombre del frame o ventana que tendrá la relación de enlace o que mostrará la representación de algun recurso enlazado.
title
El atributo title
tiene semántica particular para el elemento <link>
. Cuando se usa en una etiqueta <link rel="stylesheet">
, define una hoja de estilos preferida o alternativa. El uso incorrecto de este atributo podrÃa provocar que la hoja de estilos sea ignorada.
type
Este atributo es usado para definir el tipo de contenido al que se enlaza. El valor del atributo debe ser un tipo MIME, como text/html, text/css. El uso común de este atributo es para definir el tipo de hoja de estilos enlazada, y el valor más común es text/css, el cual indica un formato de Hoja de Estilos en Cascada.
Para incluir una hoja de estilos en una página, use la siguiente sintaxis:
<link href="style.css" rel="stylesheet" />
Proporcionando hojas de estilos alternativas
También se pueden especificar hojas de estilos alternativas.
El usuario puede elegir cuál hoja de estilos usar, seleccionándola desde el menú Ver > Estilo de Página. Esto proporciona una manera en que los usuarios pueden ver múltiples versiones de una misma página.
<link href="default.css" rel="stylesheet" title="Default Style" />
<link href="fancy.css" rel="alternate stylesheet" title="Fancy" />
<link href="basic.css" rel="alternate stylesheet" title="Basic" />
Eventos de carga de hojas de estilos
Se puede determinar cuando una hoja de estilos fue cargada estableciendo la ejecución de un evento load
en el elemento; de forma similar, se puede detectar si ocurrió un error al procesar una hoja de estilos, observando el evento error
:
<script>
function sheetLoaded() {
// Hacer algo interesante; la hoja de estilos ha sido cargada
}
function sheetError() {
alert("¡Ocurrió un error al cargar la hoja de estilos!");
}
</script>
<link
rel="stylesheet"
href="mystylesheet.css"
onload="sheetLoaded()"
onerror="sheetError()" />
Nota: El evento load
se dispara una vez que la hoja de estilos y todo su contenido importado ha sido cargado y procesado, e inmediatamente antes de que los estilos sean aplicados al contenido.
<link>
puede ocurrir solo en el elemento head; sin embargo, pueden haber múltiples ocurrencias de <link>
.<link>
. Los atributos methods y urn fueron eliminados más adelante de las especificaciones.<link>
, pero no está claro cómo serÃan usados.<link>
requieren una diagonal de cierre: <link />
.RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4