HTML <source> srcset özelliği

HTML <source> etiketi

Tanım ve Kullanım

srcset Özellik, farklı durumlar için kullanılan görsellerin URL'lerini belirler.

<source> kullanıldığında <picture> Bu özellik, bu durumda zorunludur.

Örnek

İki kaynak dosyası ve bir yedek görsel içeren <picture> ögesi:

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

Kişisel olarak deneyin

Sözdizimi

<source srcset="URL">

Öznitelik değeri

Değer Açıklama
URL

Görselin URL'sini belirler.

Mümkün olan değerler:

  • Mutlak URL - Diğer bir web sitesine yönlendirir (örneğin href="http://www.example.com/flower.jpg")
  • İlgili URL - Web sitesi içindeki dosyalara yönlendirir (örneğin href="flower.jpg")

Tarayıcı desteği

Tablo sayısız, bu özelliği ilk tam olarak destekleyen tarayıcı sürümünü belirtir.

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

HTML <source> etiketi