<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-interative 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:

Rendered <menu> tag example

Edit this page on GitHub

Contributors

Interested in helping build Docs? Read the Contribution Guide or share your feedback form.

Learn HTML on Codecademy