Attribut srcset du HTML <source>

Balise HTML <source>

Définition et utilisation

srcset Cette propriété détermine l'URL de l'image à utiliser dans différentes situations.

Lorsque l'attribut <source> est utilisé pour <picture> Cet attribut est obligatoire à ce moment-là.

Exemple

Un élément <picture> contenant 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

Syntaxe

<source srcset="URL">

Valeur de l'attribut

Valeur Description
URL

Définit l'URL de l'image.

Valeurs possibles :

  • URL absolue - Pointe vers un autre site (par exemple href="http://www.example.com/flower.jpg")
  • URL relative - Pointe vers un fichier dans le site (par exemple href="flower.jpg")

Prise en charge du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
38.0 13.0 38.0 9.1 25.0

Balise HTML <source>