Atributo HTML <fuente> srcset
Ejemplo
Un elemento <picture> con dos archivos de origen y una imagen alternativa:
<picture>
<source media="(min-width:650px)" srcset="img_pink_flowers.jpg">
<source media="(min-width:465px)" srcset="img_white_flower.jpg">
<img
src="img_orange_flowers.jpg" alt="Flowers" style="width:auto;">
</picture>
Definición y uso
El srcset
atributo especifica la URL de la imagen para usar en diferentes situaciones.
Este atributo es obligatorio cuando <source>
se utiliza en
<picture>
.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.
Attribute | |||||
---|---|---|---|---|---|
srcset | 38.0 | 13.0 | 38.0 | 9.1 | 25.0 |
Sintaxis
<source srcset="URL">
Valores de atributo
Value | Description |
---|---|
URL | Specifies the URL of the image. Possible values:
|
❮ Etiqueta HTML <fuente>