<menu>

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The <menu> HTML element is a semantic alternative to <ul>. It represents an unordered list of items (represented by <li> elements), each of these represent a link or other command that the user can activate.

Note: In previous version of the HTML specification, the <menu> element had an additional use case as a context menu. This functionality is now considered obsolete, and has been removed from the specification. Firefox was the only browser to implement this functionality which included the label and context attributes.

Content categories	Flow content. If the element's children include at least one `<li>` element: Palpable content.
Permitted content	Zero or more occurrences of `<li>`, `<script>`, and `<template>`.
Tag omission	None, both the starting and ending tag are mandatory.
Permitted parents	Any element that accepts flow content.
Implicit ARIA role	`list`
Permitted ARIA roles	`directory`, `group`, `listbox`, `menu`, `menubar`, `none`, `presentation`, `radiogroup`, `tablist`, `toolbar` or `tree`
DOM interface	`HTMLMenuElement`

Attributes

This element includes the global attributes.

Usage notes

The <menu> and <ul> elements both represent an unordered list of items. The key difference is that <ul> primarily contains items for display, whilst <menu> is intended for interactive items, to act on.

Examples

In this example, a <menu> is used to create a toolbar in an editing application.

Warning: Toolbar menus haven't been implemented in any known browsers yet.

HTML

<menu>
  <li><button onclick="copy()">Copy</button></li>
  <li><button onclick="cut()">Cut</button></li>
  <li><button onclick="paste()">Paste</button></li>
</menu>

Result

Specifications

Specification
HTML Standard (HTML) # the-menu-element

Browser compatibility

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	WebView Android	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet
`menu`	1	12	1	6	≤12.1	3	1	18	4	≤12.1	1	1.0
`button_menus`	No	No	No	No	No	No	No	No	No	No	No	No
`hr_separator`	No	No	85 51-85	No	No	No	No	No	85 51-85	No	No	No
`label`	No	No	85 8-85	No	No	No	No	No	85 Nested menus are not supported. 8-85 Nested menus are not supported.	No	No	No