Widely availableSupported across all major browsers. Safe to use in production.

Overview

The <menu> element represents an unordered list of action items (<li>), such as a toolbar. It is a semantic alternative to the <ul> element.

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

basic menu

Menu element in menulist build.ul and variant. semntiks.

PreviewFullscreen

toolbarmenu

Menu toolbar and usagepattern.

PreviewFullscreen

vertical typemenu

verticaldirection to line up issaidmenu.

PreviewFullscreen

Use cases

  • Using <menu>

    The <menu> element represents an unordered list of action items (<li>), such as a toolbar. It is a semantic alternative to the <ul> element.

Cautions

  • May not be supported in older browsers.

Accessibility

  • Verify how this element is announced by screen readers.

Powered by web-features