Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML <menu> Tag


Example

A menu list:

<menu>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</menu>
Try it Yourself »

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

Element
<menu> Yes Yes Yes Yes Yes

Global Attributes

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


Event Attributes

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



Related Pages

The <ul> Tag


Default CSS Settings

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

Example

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;
}
Try it Yourself »