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


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

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


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

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

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

Rendered <menu> tag example


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

Learn HTML on Codecademy