HTML <source> srcset-egenskab

HTML <source> etiket

Definition og brug

srcset Egenskaben definerer URL'er til billeder i forskellige situationer.

Når <source> bruges <picture> Denne egenskab er obligatorisk.

Eksempel

En <picture>-element, der indeholder to kildefiler og en reservebillede:

<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>

Prøv det selv

Syntaks

<source srcset="URL">

Attributværdi

Værdi Beskrivelse
URL

Angiver billedets URL.

Mulige værdier:

  • Absolut URL - peger på en anden websted (f.eks. href="http://www.example.com/flower.jpg")
  • Relativ URL - peger på en fil inden for webstedet (f.eks. href="flower.jpg")

Browserunderstøttelse

Tallene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

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

HTML <source> etiket