Este es un imagen vectorial
Video
Texto
El nuevo elemento <picture>
de HTML5 permite describir con todo detalle cómo deben cargarse las imágenes de tu sitio web. Ya no serán necesarios los hacks de CSS o JavaScript para gestionar las imágenes responsive de los diseños web. Además, los usuarios se aprovecharán de las ventajas de cargar solamente las imágenes optimizadas para el dispositivo que están utilizando, lo que es especialmente útil para usuarios con móviles y conexiones lentas a Internet.
Al margen de los nuevos atributos srcset
y sizes
definidos recientemente para los elementos <img>
, el nuevo elemento <picture>
permite una mayor flexibilidad al especificar qué imágenes utiliza el sitio. Gracias a este elemento <picture>
, será posible escribir código HTML limpio y semántico, dejando que el navegador haga todo el trabajo de seleccionar la mejor imagen para cada situación.
Borde del div