The HTML <menu> tag

Definition and usage

<menu> tags define an unordered list of content.

can be used <menu> tags and <li> tag to create menu items together.

Note:<menu> tags are <ul> tag as alternatives, browsers will treat these two lists as equal.

Please refer to:

HTML Reference Manual:<ul> tag

Example

Menu List:

<menu>
  <li>coffee</li>
  <li>tea</li>
  <li>milk</li>
</menu>

Try It Yourself

Global Attributes

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

event attributes

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

Default CSS Settings

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

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

Browser Support

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support