Atribut srcset HTML <source>

Tanda <source> HTML

Definisi dan penggunaan

srcset Atribut ini menentukan URL gambar yang digunakan dalam situasi yang berbeda.

Ketika <source> digunakan <picture> Pada masa ini, atribut ini diperlukan.

Contoh

Sebuah elemen <picture> yang mengandung dua file sumber dan gambar cadangan:

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

Cuba sendiri

Tatabahasa

<source srcset="URL">

Nilai sifat

Nilai Penerangan
URL

Tentukan URL imej.

Nilai yang mungkin:

  • URL mutlak - Menunjuk ke laman lain (seperti href="http://www.example.com/flower.jpg")
  • URL bersangkutan - Menunjuk ke fail di dalam laman (seperti href="flower.jpg")

Dukungan pereka

Nombor di dalam jadual menunjukkan versi pereka paling awal yang menyokong sifat ini.

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

Tanda <source> HTML