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>
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
data-*
ရည်ညွှန်းချက်များကို စာမျက်နှာ သို့မဟုတ် အက်ပ်လီကေးရှင်းတွင် စိတ်ကြိုက်ဒေတာကို သီးသန့်သိမ်းဆည်းရန် အသုံးပြုသည် ။
ရည်ညွှန်းချက်များသည် ကျွန်ုပ်တို့အား HTML ဒြပ်စင်များအားလုံးတွင် စိတ်ကြိုက်ဒေ တာ data-*
attribute များကို ထည့်သွင်းနိုင်စေပါသည်။
ထို့နောက် သိမ်းဆည်းထားသော (စိတ်ကြိုက်) ဒေတာကို ပိုမိုဆွဲဆောင်မှုရှိသော အသုံးပြုသူအတွေ့အကြုံကို ဖန်တီးရန် (Ajax ခေါ်ဆိုမှုများ သို့မဟုတ် ဆာဗာဘက်ခြမ်းဒေတာဘေ့စ်မေးခွန်းများမပါဘဲ) စာမျက်နှာ၏ JavaScript တွင် အသုံးပြုနိုင်သည်။
ဂုဏ်တော်များ သည် data-*
အပိုင်းနှစ်ပိုင်း ပါဝင်သည်။
- ရည်ညွှန်းချက်အမည်တွင် စာလုံးအကြီးအသေးများ မပါဝင်သင့်ဘဲ ရှေ့စာလုံး "data-" ပြီးနောက် အနည်းဆုံး အက္ခရာတစ်ခုရှိရပါမည်။
- ရည်ညွှန်းချက်တန်ဖိုးသည် မည်သည့်စာကြောင်းမဆို ဖြစ်နိုင်သည်။
မှတ်ချက်- "data-" ဖြင့် ရှေ့ဆက်ထားသော စိတ်ကြိုက်အရည်အချင်းများကို အသုံးပြုသူ အေးဂျင့်မှ လုံးဝလျစ်လျူရှုပါမည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် attribute ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးပါသည်။
Attribute | |||||
---|---|---|---|---|---|
data-* | 4.0 | 5.5 | 2.0 | 3.1 | 9.6 |
အထားအသို
<element data-*="somevalue">
ရည်ညွှန်းတန်ဖိုးများ
Value | Description |
---|---|
somevalue | Specifies the value of the attribute (as a string) |
ဆက်စပ်စာမျက်နှာများ
HTML သင်ခန်းစာ- HTML အရည်အချင်းများ
HTML DOM ရည်ညွှန်းချက်- HTML DOM getAttribute() နည်းလမ်း