Elemento link HTML5

El elemento link nos permite enlazar nuestro documento con otro recurso tal como hojas de estilo, los favicon, etc.

Este elemento nos permite crear 2 tipos de enlaces: enlaces a recursos externos e hipervinculos.Los enlaces a recursos externos son por ejemplo hojas de estilo y los favicon en cambio los hipervinculos son enlaces a otros documentos que contienen informacion por ejemplo acerca del autor o de la licencia(no son muy usados n_n)

Un mismo elemento link puede crear varios enlaces, veamos el siguiente ejemplo:

<link rel="author license" href="/about">

El numero de enlaces es igual al numero de palabras clave en el atributo rel, en este caso se crean 2 enlaces(author y license) y cada uno de ellos es afectado de manera diferente por los atributos restantes(en este caso el atributo href)

Este elemento cuenta con los siguientes atributos:

href

Este atributo contiene la direccion del recurso o el hipervinculo

rel

Este atributo da la relacion que hay entre el documento y el recurso o hipervinculo, por ejemplo stylesheet es como decir "la relacion que hay entre el documento y este archivo css, es que este archivo css es la hoja de estilos del documento"

hreflang

Este atributo da el idioma del hipervinculo

size

Este atributo solo se puede usar si el atributo rel contiene el valor icon y sirve para dar las dimenciones del icono

title

Si el atributo rel contiene stylesheet entonces este atributo da el nombre de la hoja de estilos alternativa, osea el elemento link seria una hoja de estilos alternativa

type

Este atributo da el tipo MIME del recurso, solo da una sugerencia de tipo MIME porque todavia el navegador checara el tipo MIME devuelto por el servidor

media

Este atributo contiene un media query, si el entorno(normalmente el viewport) se ajusta al media query entonces el recurso se aplica, el recurso normalmente es una hoja de estilos

Podemos tener varias hojas de estilo alternativas y elegir la(s) que queramos, hasta donde se firefox es el unico navegador que soporta hojas de estilo alternativas

Un dato interesante es que este elemento link puede disparar los eventos load y error, los cuales se disparan respectivamente cuando el recurso se descarga satisfactoriamente o cuando no se puede descargar

El post fue algo largo pero es lo mas importante que vi en la W3C, hasta el proximo post salu2