HTML <menu> Tag - HTML Tag

A menu list.

Definition and Usage

The <menu> tag defines an unordered list of content.

Use the <menu> tag together with the <li> tag to create menu items.

Note: <menu> tag is an alternative to the <ul> tag and browsers will treat these two lists equally.

Browser Support

Global Attributes

The <menu> tag also supports the Global Attributes in HTML.

Event Attributes

The <menu> tag also supports the Event Attributes in HTML.

How to create HTML <menu> Tag

A menu list:

index.html

Example: HTML

 <menu>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</menu>

Output should be:

How to set Default CSS Settings on HTML <menu> Tag

Most browsers will display the <menu> element with the following default values:

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
<style>
menu {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
</style>
</head>
<body>

<p>A menu element is displayed like this:</p>

<menu>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</menu>

<p>Change the default CSS settings to see the effect.</p>

</body>
</html>

Output should be:

Category:	Web Tutorial
Sub Category:	HTML Tag
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference