एचटीएमएल <मेनू> टैग
उदाहरण
विभिन्न <menuitem> तत्वों के साथ एक संदर्भ मेनू:
<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>
परिभाषा और उपयोग
<मेनू> टैग कमांड की सूची/मेनू को परिभाषित करता है।
<मेनू> टैग का उपयोग संदर्भ मेनू, टूलबार और प्रपत्र नियंत्रण और आदेशों को सूचीबद्ध करने के लिए किया जाता है।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से तत्व का समर्थन करता है।
| Element | |||||
|---|---|---|---|---|---|
| <menu> | Not supported | Not supported | 8.0 (only context menus) |
Not supported | Not supported |
नोट: <मेनू> टैग केवल फ़ायरफ़ॉक्स में समर्थित है, और यह केवल संदर्भ मेनू के लिए काम करता है।
टिप्स और नोट्स
युक्ति: मेनू सूचियों को स्टाइल करने के लिए CSS का उपयोग करें।
गुण
| Attribute | Value | Description |
|---|---|---|
| label | text | Specifies a visible label for the menu |
| type | list toolbar context |
Specifies which type of menu to display |
वैश्विक गुण
<मेनू> टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है ।
घटना गुण
<मेनू> टैग HTML में Event Attributes का भी समर्थन करता है ।
संबंधित पृष्ठ
HTML DOM संदर्भ: मेनू वस्तु
डिफ़ॉल्ट सीएसएस सेटिंग्स
अधिकांश ब्राउज़र निम्न डिफ़ॉल्ट मानों के साथ <मेनू> तत्व प्रदर्शित करेंगे:
menu {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
padding-left: 40px;
}