Atribut srcset HTML <source>

Tanda HTML <source>

Definisi dan penggunaan

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

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

Contoh

Sebuah elemen <picture> yang mengandung dua berkas 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>

Coba sendiri

Sintaks

<source srcset="URL">

Nilai atribut

Nilai Deskripsi
URL

Tentukan URL gambar.

Nilai yang mungkin:

  • URL absolut - Menunjuk ke situs lain (seperti href="http://www.example.com/flower.jpg")
  • URL relatif - Menunjuk ke berkas di dalam situs (seperti href="flower.jpg")

Dukungan browser

Angka di tabel menunjukkan versi browser pertama yang mendukung sifat ini.

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

Tanda HTML <source>