Html menu tag in hindi-html <मेनू> टैग क्या है?

हेल्लो दोस्तों आज के इस पोस्ट में आपको html menu tag in hindi  के बारे में बताया गया है की क्या होता है कैसे काम करता है तो चलिए शुरू करते है

html <menu> tag का परिचय

  • html <menu> tag को html के पुराने versions में included था लेकिन इसे बाद में html version 4.0.1 में exclude कर दिया गया था अब इस tag को वापस html5 में redefine करके include किया गया है
  • <menu> tag commands की list को डिफाइन करने के लिए प्रयोग किया जाता है example के लिए आप web  page में कोई image को add करते है तो आप चाहते है
  • की जब कोई इस image पर right click करे तो default menu को display न हो और आपके द्वारा डिफाइन की गयी commands की menu को display हो तो इसके लिए आप html <menu> tag का प्रयोग करते है
  • commands की list में हर commands एक specific task को perform करती है जैसे की जब आप windows को operating system में desktop पर right click करते है तो आपको कुछ commands की list दिखाई देती है
  • जो अलग अलग tasks को perform करती है उसी प्रकार आप html के element के लिए भी commands की list create कर सकते है जो user को right click करने पर show होगी
  • <menu> tag के द्वारा आप context menus ,popup menus,toolbars और form controls को create किये जा सकते है
  • जिस भी html element पर आप menu को apply करना चाहते है तो उस element में आप contextmenu attribute को डिफाइन करते है और उसमे <menu> tag की id की वैल्यू के रूप में pass करते है

html <menuitem>tag

<menu> tag commands की list के लिए एक context का काम करता है इसके अन्दर आप हर कमांड को <menuitem> के द्वारा डिफाइन किया जाता है

<menuitem> tag के label और icon दो मुख्य attribute होते है

इनमे label attribute के द्वारा commands का display name को डिफाइन किया जाता है और icon attribute के द्वारा commands का icon को डिफाइन किया जाता है commands का icon को define करना अनिवार्य नहीं है इस tag का general syntax आपको निचे दिया जा रहा है

<menuitem label=”command-name”
Icon=”icon-image-url” event-attribute=”action”>
</menuitem>

किसी commands को click करने पर क्या action लिया जायेगा ये आप html इवेंट attribute के द्वारा डिफाइन करते है example के लिए आप onclick event attribute से डिफाइन कर सकते है की कमांड को click करने पर क्या action लिया जायेगा

syntax of html <menu> tag

html <menu> tag का general syntax आपको निचे दिया जा रह है

<menu label=””type=”” id=””>
<menuitem attributes...>
</menuitem>
</menu>

जैसे की आप उपर दिए गए syntax में देख सकते है की <menuitem> tag <menu> tag के अन्दर डिफाइन किया जाता है इसे <menu> tag का sub tag भी कहा जाता है

attribute of html <menu> tag

<menu> tag के साथ available attribute के बारे में निचे बताया जा रहा है

  • label-इस attribute के द्वारा आप menu का एक display नाम define कर सकते है इसे डिफाइन करना अनिवार्य नहीं है
  • type-इस attribute के द्वारा आप डिफाइन करते है की आप किस प्रकार की menu को दिखाना चाहते है इस attribute की निचे दी गयी 3 possible वैल्यू हो सकती है
  • list-जब आप command की list को create करना चाहते है
  • toolbar-जब आप एक toolbar को create करना चाहते है
  • context-जब आप एक context menu को create करना चाहते है

<menu> tag html के सभी global event के attribute को भी सपोर्ट करता है

example

<menu> tag का example आपको निचे दिया जा रहा है

<html>
<head>
<title>menu tag demo</title>
</head>
<body>
<img src=”c3school-tutorials.png”
Contextmenu=”myMenu”>
<menu type=”context” id=”myMenu”>
<menuitem label=”Reload”
Onclick=”window.location.reload();”>
</menuitem>
</menu>
</body>
</html>

उपर दिए गए example में एक image को add की गयी है इस image पर myMenu नाम की context menu को apply की गयी है इस menu में refresh कमांड दी गयी है जो click करने पर image को reload करती है यह example आपको निचे दिया गया आउटपुट को generate करता है

html menu tag in hindi

reference-https://www.javatpoint.com/html-menu-tag

निवेदन-अगर आपको यह आर्टिकल(html menu tag in hindi) अच्छा लगा हो तो आप इस पोस्ट को अपने दोस्तों के साथ जरुर शेयर() करे और आपको जिस टॉपिक() पर आपको पढना या नोट्स चाहिए तो हमें जरुर कमेंट करे आपका कमेंट्स हमारे लिए बहु मूल्य है धन्यवाद

Leave a Comment