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

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>