HTML <source> srcset Attribut

❮ HTML <source> tag

Exemple

Un élément <picture> avec deux fichiers sources 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>
Essayez-le vous-même »

Définition et Utilisation

L'attribut srcset spécifie l'URL de l'image à utiliser dans différentes situations.

Cet attribut est requis lorsque <source> est utilisé dans <picture> .

Support des Navigateurs

Les chiffres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'attribut.

Attribut
srcset 38.0 13.0 38.0 9.1 25.0

Syntaxe

<source srcset=" URL ">

Valeurs des Attributs

Valeur Description
URL Spécifie l'URL de l'image.

Valeurs possibles :

  • Une URL absolue - pointe vers un autre site web (comme href="http://www.example.com/flower.jpg")
  • Une URL relative - pointe vers un fichier dans un site web (comme href="flower.jpg")
❮ HTML <source> tag