html tutorial - <menu> Menu tag in HTML - html5 - html code - html form




menu tag in html

Learn html - html tutorial - menu tag in html - html examples - html programs

  • The <menu> tag specifies a list/menu of commands.
  • The <menu> tag is applied for context menus, toolbars and for listing form controls and commands.
  • The <menu> tag belongs to flow content.
  • The <menu> tag supports Global Attributes and Event Attributes.

Syntax for <menu> tag:

<menu type = “context”>content</menu>

Differences between HTML 4.01 and HTML5 for <menu> tag:

HTML 4.01

  • The <menu> tag was depreciated.

HTML5

  • The <menu> tag is again defined.

Sample Coding for <menu> tag:

Tryit<!DOCTYPE html>
<html >
    <head>
        <title>Wikitechy Menu Tag</title>
    </head>
    <body>
        <div style="background:cyan;padding:20px;" contextmenu="wikiContext">
            <p>Right click the box to View Wikitechy Context Menu</p>
            <menu type="context" id="wikiContext">
                <menuitem label="Wikitechy"                           
                          onclick="window.open('http://www.wikitechy.com');"                           
                        icon="icon.png">
                </menuitem>
            </menu>
                <menu label="Online">
                    <menu type="context" id="wikiContext">
                        <menuitem label="Tutorials" 
                                  icon="icon.png" 
                                  onclick="window.open('http://www.wikitechy.com/
                                           online-tutorials');">
                        </menuitem>
                    </menu>
                </menu>
        </div>
    </body>
</html>

Code Explanation for <menu> tag:

code explanation for menu tag

  1. Using contextmenu attribute we can create a context menu for the element.
  2. <menu> tag is used to define the list of the commands for menu list.
  3. type=” contextmenu” attribute used to specifies the menu is a context menu.
  4. label attribute used to define the text which is to be shown in the menu.

Output of <menu> tag:

output for context menu menuitem tag

  1. Here the output shows the context menu.

Attribute for <menu>tag:

Attribute Value HTML4 HTML5 Description
label text No Yes Describes a visible label for the menu.
type list
toolbar
context
No Yes Describes that the type of menu to show.

Browser Support for <menu> tag:

No No Yes No No

Tips and Notes

  1. The <menu> tag is only supported in Firefox.
  2. The <menu> tag is only works for context menus.
  3. To style menu lists use CSS.

Related Searches to Menu tag in html

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×