<menu>

The <menu> element represents an unordered list of items with more semantic meaning than a regular <ul> element.

Syntax

<menu>
  <li><!-- Content here --></li>
</menu>

Each item is user-interactive content such as a link and buttons.

Example

The following example is a menu of buttons that might go well with a social media application:

<menu>
  <li><button onclick="like()">Like</button></li>
  <li><button onclick="share()">Share</button></li>
  <li><button onclick="subscribe()">Subscribe</button></li>
</menu>

Each list item is a button with text and event listeners, prepended with the default dot marker: