Attributo HTML <sorgente> srcset
Esempio
Un elemento <picture> con due file sorgente e un'immagine di fallback:
<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>
Definizione e utilizzo
L' srcset
attributo specifica l'URL dell'immagine da utilizzare in diverse situazioni.
Questo attributo è obbligatorio quando <source>
viene utilizzato in
<picture>
.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'attributo.
Attribute | |||||
---|---|---|---|---|---|
srcset | 38.0 | 13.0 | 38.0 | 9.1 | 25.0 |
Sintassi
<source srcset="URL">
Valori di attributo
Value | Description |
---|---|
URL | Specifies the URL of the image. Possible values:
|
❮ Tag HTML <sorgente>