link.imagesrcset | Html

 

Descripción

El atributo imagesrcset del elemento link se utiliza para identificar un conjunto de posibles imágenes fuente para que el navegador web pueda seleccionar la más adecuada según el tamaño de la pantalla, resolución o densidad de píxeles. Este atributo complementa al atributo imagesizes y permite implementar imágenes responsivas mediante el elemento link.

Sintaxis

<link imagesrcset="lista-recursos">

Elemento Padre

link

Ejemplo

A continuación, se muestra un ejemplo de cómo utilizar el atributo imagesrcset en el elemento link para proporcionar diferentes versiones de un icono según la densidad de píxeles de la pantalla:

<link rel="icon" href="favicon.ico" sizes="32x32" type="image/png" 
      imagesrcset="favicon-192.png 192w, favicon-128.png 128w, favicon-64.png 64w" 
      imagesizes="192px">

En este ejemplo, se proporcionan tres versiones diferentes del icono para que el navegador web seleccione la más adecuada según la densidad de píxeles del dispositivo.

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.