<menu>

Syntax

<menu>
  <li><button>Cut</button></li>
  <li><button>Copy</button></li>
</menu>

Examples

<menu>
  <li><button onclick="save()">Save</button></li>
  <li><button onclick="undo()">Undo</button></li>
  <li><button onclick="redo()">Redo</button></li>
</menu>

<menu style="display: flex; gap: 8px; list-style: none; padding: 0;">
  <li><button>Edit</button></li>
  <li><button>Delete</button></li>
  <li><button>Share</button></li>
</menu>

<menu>
  <li><button>Rename</button></li>
  <li><button>Duplicate</button></li>
  <li><button>Move to Trash</button></li>
</menu>

Best practices

• Use menu specifically for lists of commands or actions, not general content — use ul for that
• Wrap each command in a proper interactive element like button, not just plain text
• Since visual rendering matches ul by default, do not rely on menu for any built-in styling — use CSS as you would for any list
• Consider whether a native button toolbar without menu wrapping is simpler for straightforward cases

Browser compatibility

Related HTML documentation

Specifications & further reading

• HTML Living Standard