HTML ဒေတာ-* ရည်ညွှန်း ချက်
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
data-*ရည်ညွှန်းချက်ကို စာမျက်နှာ သို့မဟုတ် အက်ပ်လီကေးရှင်းတွင် စိတ်ကြိုက်ဒေတာကို သီးသန့်သိမ်းဆည်းရန် အသုံးပြုသည် ။
ရည်ညွှန်းချက်သည် ကျွန်ုပ်တို့အား HTML ဒြပ်စင်များအားလုံးတွင် စိတ်ကြိုက်ဒေ တာ
data-*attribute များကို ထည့်သွင်းနိုင်စေပါသည်။
ထို့နောက် သိမ်းဆည်းထားသော (စိတ်ကြိုက်) ဒေတာကို ပိုမိုဆွဲဆောင်မှုရှိသော အသုံးပြုသူအတွေ့အကြုံကို ဖန်တီးရန် (Ajax ခေါ်ဆိုမှုများ သို့မဟုတ် ဆာဗာဘက်ခြမ်းဒေတာဘေ့စ်မေးခွန်းများမပါဘဲ) စာမျက်နှာ၏ JavaScript တွင် အသုံးပြုနိုင်သည်။
ရည်ညွှန်းချက် တွင်
data-*အပိုင်းနှစ်ပိုင်း ပါဝင်သည်။
- ရည်ညွှန်းချက်အမည်တွင် စာလုံးအကြီးအသေးများ မပါဝင်သင့်ဘဲ ရှေ့စာလုံး "data-" ပြီးနောက် အနည်းဆုံး အက္ခရာတစ်ခုရှိရပါမည်။
- ရည်ညွှန်းချက်တန်ဖိုးသည် မည်သည့်စာကြောင်းမဆို ဖြစ်နိုင်သည်။
မှတ်ချက်- "data-" ဖြင့် ရှေ့ဆက်ထားသော စိတ်ကြိုက်အရည်အချင်းများကို အသုံးပြုသူ အေးဂျင့်မှ လုံးဝလျစ်လျူရှုပါမည်။
တွေပေါ့။
data-*ရည်ညွှန်းချက်သည် Global Attribute ဖြစ်ပြီး မည် သည့် HTML ဒြပ်စင်တွင်မဆို အသုံးပြုနိုင်ပါသည်။
| ဒြပ် | ဂုဏ်ရည် |
|---|---|
| HTML အစိတ်အပိုင်းအားလုံး | ဒေတာ-* |
ဥပမာ
ဥပမာ
စိတ်ကြိုက်ဒေတာကို မြှုပ်နှံရန်အတွက် data-* attribute ကိုသုံးပါ-
<ul>
<li data-animal-type="bird">Owl</li>
<li data-animal-type="fish">Salmon</li>
<li data-animal-type="spider">Tarantula</li>
</ul>
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် attribute ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
| Attribute | |||||
|---|---|---|---|---|---|
| data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |