HTML အကိုးအကား

အက္ခရာဖြင့် HTML HTML အမျိုးအစားအလိုက် HTML Browser ပံ့ပိုးမှု HTML အရည်အချင်းများ HTML ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ HTML ပွဲများ HTML အရောင်များ HTML Canvas HTML အသံ/ဗီဒီယို HTML အက္ခရာအစုံများ HTML Doctypes HTML URL ကုဒ် HTML ဘာသာစကားကုဒ်များ HTML နိုင်ငံကုဒ်များ HTTP မက်ဆေ့ခ်ျများ HTTP နည်းလမ်းများ PX မှ EM Converter ကီးဘုတ်ဖြတ်လမ်းများ


HTML <source> srcset Attribute

❮ HTML <source> တဂ်

ဥပမာ

အရင်းအမြစ်ဖိုင်နှစ်ခုပါရှိသော <picture> ဒြပ်စင်တစ်ခု၊ နှင့် နောက်ခံပုံတစ်ပုံ-

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

အဓိပ္ပါယ်နှင့် အသုံးပြုမှု

srcsetရည်ညွှန်းချက်သည် မတူညီသော အခြေအနေများတွင် အသုံးပြုရန် ပုံ၏ URL ကို သတ်မှတ်ပေးသည်

<source>အသုံးပြုသော အခါတွင် ဤ attribute လိုအပ်ပါသည် <picture>


Browser ပံ့ပိုးမှု

ဇယားရှိ နံပါတ်များသည် attribute ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။

Attribute
srcset 38.0 13.0  38.0 9.1 25.0

အထားအသို

<source srcset="URL">

ရည်ညွှန်းတန်ဖိုးများ

Value Description
URL Specifies the URL of the image.

Possible values:

  • An absolute URL - points to another web site (like href="http://www.example.com/flower.jpg")
  • A relative URL - points to a file within a web site (like href="flower.jpg")

❮ HTML <source> တဂ်