<menu>: Элемент меню

Элемент <menu> HTML описан в спецификации HTML как семантическая альтернатива <ul>, но браузеры (и через дерево доступности) обрабатывают его так же, как и <ul>. Он представляет неупорядоченный список элементов (которые представлены элементами <li>).

Этот элемент включает только глобальные атрибуты.

Элементы <menu> и <ul> оба представляют неупорядоченный список элементов. Ключевое различие состоит в том, что <ul> в основном содержит элементы для отображения, а <menu> предназначен для интерактивных элементов.

В этом примере элемент <menu> используется для создания панели инструментов для приложения редактирования.

HTML

<menu>
  <li><button onclick="copy()">Copy</button></li>
  <li><button onclick="cut()">Cut</button></li>
  <li><button onclick="paste()">Paste</button></li>
</menu>

Обратите внимание, что функционально это ничем не отличается от:

<ul>
  <li><button onclick="copy()">Copy</button></li>
  <li><button onclick="cut()">Cut</button></li>
  <li><button onclick="paste()">Paste</button></li>
</ul>

CSS

menu,
ul {
  display: flex;
  list-style: none;
  padding: 0;
  width: 400px;
}

li {
  flex-grow: 1;
}

button {
  width: 100%;
}

Результат

• Другие элементы HTML, связанные со списками: <ol>, <ul> и <li>.