HTML - <menu> Tag

Quiz

Introduction to <menu> Tag

The HTML <menu> tag is used to define the list or group of menu items, toolbars or commands for an application. Initially it is introduced in HTML 4.01, it has developed to support both semantic and functional purpose in HTML5. It can contains list items or plain text links.

It is designed to create menus for user interactions, like right-click context menus or navigation menus. It can also be used as alternative for unordered lists.

Syntax

Following is the syntax of HTML <menu> tag −

<menu>
  ...
  ...
<menu>

Attributes

HTML menu tag supports Global and Event attributes of HTML. Accepts some specific attributes as well which are listed below.

Attribute	Value	Description
label	text	Specifies a visible label.
type	popup toolbar context	Specifies the type of menu to be displayed.

Attribute

Value

Description

label

text

Specifies a visible label.

type

popup

toolbar

context

Specifies the type of menu to be displayed.

Example : Basic Usage

Let's look at the following example, where we are going to consider the basic usage of the <menu> tag.

<!DOCTYPE html>
<html>
<body style=" font-family:verdana;">
    <menu>
        <li>HTML</li>
        <li>JAVA</li>
        <li>C++</li>
    </menu>
</body>
</html>

Example : Using with JavaScript

Consider the following example, where we are going to create the menu option that triggers a JavaScript alert.

<!DOCTYPE html>
<html>
<style>
    body {
        text-align: center;
        font-size: 20px;
        color: #8e44ad;
        font-family: verdana;
    }
</style>
<body>
    <menu>
        <menuitem label="Alert" onclick="alert('Welcome to TutorialsPoint')">Left Click On me.</menuitem>
    </menu>
</body>
</html>

Supported Browsers

Tag
menu	Yes	Yes	Yes	Yes	Yes

html_tags_reference.htm

Print Page