link.sizes | Html

 

Descripción

El atributo sizes del elemento link nos permite especificar los tamaños los iconos especificados en el enlace. Solo funciona si el atributo rel tiene un valor de “icon” o valores no estándares como “apple-touch-icon”.

La mayoría de los formatos de iconos solo pueden almacenar un único icono; por lo tanto, la mayoría de las veces, el atributo sizes contiene una única entrada. Si bien, el formato ICO de Microsoft y el formato ICNS de Apple pueden almacenar múltiples tamaños de iconos en un solo archivo. El formato ICO tiene mejor soporte en navegadores web, por lo que es recomendable usar este formato para mayor compatibilidad entre navegadores web.

Sintaxis

<link sizes="any | <width in pixels>X<height in pixels>">

Los valores pueden ser:

  • any, el icono puede ser escalado a cualquier tamaño de un formato vector.
  • <width in pixels>X<height in pixels>, valores de ancho x alto separados por coma. Tantos valores como se pongan en el atributo sizes deberá de tener recursos el enlace.

Elemento Padre

link

Ejemplo

Un ejemplo del uso del atributo sizes en el elemento link sería:

<link rel="icon" href="favicon.ico" sizes="16x16,32x32,48x48">
<link rel="icon" href="icon.svg" sizes="any">

Artículos

Manual HTML

Aprende más sobre HTML consultando online o descargando nuestro manual.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Vídeos HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.