<picture>
Etiketi Temel Özellikler
- Etiket Yazımı ve Etiket Kullanımı :
<picture></picture> <!-- Etiket hem açılıp hem de kapanmak zorunda. -->
- Örnek :
- DOM Arayüzü :
HTMLPictureElement
- Durum :
- Yaşayan Ölçün
- Öznitelikler :
- Tüm Evrensel Öznitelikler
- Açıklama :
<picture>
Etiketi Kullanımı
Markanız için 300X300 alan.
<picture>
etiketi belirli bir <img>
etiketi için kullanılan çoklu <source>
etiketini içeren kaptır. Tarayıcı, sayfanın görünümüne en uygun kaynağı, görseli kapsayan kutuya ve onu gösteren aygıta (normal ya da hiDPI ) göre seçer.
<picture>
<source srcset="SonDevrim-Logo-Geniş.png" media="(min-width: 600px)">
<img src="SonDevrim-Logo-Dar.png" alt="MDN">
</picture>
<picture>
<source srcset="SonDevrim-Logo.svg" type="image/svg+xml">
<img src="SonDevrim-Logo.png" alt="MDN">
</picture>
<picture>
Etiketi Tarayıcı Desteği
MasaüstüTaşınabilir
Tarayıcı →Öznitelik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 38 (38) | 25 | 9.1 | 38 | Yok |
Tarayıcı →Öznitelik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 38.0 (38) | 25 | iOS 9.3 | ? | 38.0 (38) |