<menu>
The <menu> HTML element is described in the HTML specification as a semantic alternative to <ul>, but treated by browsers (and exposed through the accessibility tree) as no different than <ul>. It represents an unordered list of items (which are represented by <li> elements).
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 3 | 18 | 1 | |
| DOM API | ||||||
| The HTMLMenuElement interface provides additional properties (beyond those inherited from the HTMLElement interface) for manipulating a menu element. is a semantic alternative to the ul element. | 1 | 12 | 1 | 3 | 18 | 1 |
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Syntax
HTML
<menu>
<li><button type="button">Copy</button></li>
<li><button type="button">Cut</button></li>
<li><button type="button">Paste</button></li>
</menu> Live demo
Use cases
-
Using <menu>
The <menu> HTML element is described in the HTML specification as a semantic alternative to <ul>, but treated by browsers (and exposed through the accessibility tree) as no different than <ul>.
Cautions
- May not be supported in older browsers.
Accessibility
- Verify how this element is announced by screen readers.