HTML <menu> Tag
ဥပမာ
မတူညီသော <menuite> ဒြပ်စင်များပါရှိသော ဆက်စပ်မီနူး-
<menu type="context" id="mymenu">
<menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
</menuitem>
<menu label="Share on...">
<menuitem label="Twitter" icon="ico_twitter.png"
onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
</menuitem>
<menuitem label="Facebook" icon="ico_facebook.png"
onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
</menuitem>
</menu>
<menuitem label="Email This Page"
onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
<menu> tag သည် command များ၏ list/menu ကို သတ်မှတ်သည်။
<menu> တက်ဂ်ကို ဆက်စပ်မီနူးများ၊ တူးလ်ဘားများနှင့် ဖောင်ထိန်းချုပ်မှုများနှင့် အမိန့်များစာရင်းပြုစုခြင်းအတွက် အသုံးပြုသည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ဒြပ်စင်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Element | |||||
---|---|---|---|---|---|
<menu> | Not supported | Not supported | 8.0 (only context menus) |
Not supported | Not supported |
မှတ်ချက်- <menu> tag ကို Firefox တွင်သာ ပံ့ပိုးထားပြီး၊ ၎င်းသည် ဆက်စပ်မီနူးများအတွက်သာ အလုပ်လုပ်ပါသည်။
အကြံပြုချက်များနှင့် မှတ်စုများ
အကြံပြုချက်- မီနူးစာရင်းများကို ပုံစံချရန် CSS ကို အသုံးပြုပါ။
ဂုဏ်တော်
Attribute | Value | Description |
---|---|---|
label | text | Specifies a visible label for the menu |
type | list toolbar context |
Specifies which type of menu to display |
ကမ္ဘာလုံးဆိုင်ရာ အရည်အချင်းများ
<menu> tag သည် HTML ရှိ Global Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဖြစ်ရပ်ဂုဏ်တော်များ
<menu> tag သည် HTML ရှိ Event Attributes ကို ပံ့ပိုး ပေးပါသည်။
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်း- Menu Object
မူရင်း CSS ဆက်တင်များ
ဘရောက်ဆာအများစုသည် အောက်ပါပုံသေတန်ဖိုးများဖြင့် <menu> ဒြပ်စင်ကို ပြသပါမည်-
menu {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}