Attribut HTML <source> srcset
Exemple
Un élément <picture> avec deux fichiers source et une image de secours :
<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>
Définition et utilisation
L' srcsetattribut spécifie l'URL de l'image à utiliser dans différentes situations.
Cet attribut est obligatoire lorsqu'il <source>est utilisé dans
<picture>.
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'attribut.
| Attribute | |||||
|---|---|---|---|---|---|
| srcset | 38.0 | 13.0 | 38.0 | 9.1 | 25.0 |
Syntaxe
<source srcset="URL">
Valeurs d'attribut
| Value | Description |
|---|---|
| URL | Specifies the URL of the image. Possible values:
|
❮ Balise HTML <source>