<menu> - HTML-елемент меню

HTML-елемент <menu> представляє собою невпорядкований список команд, які користувач може виконати або активувати. Це може бути, наприклад, список опцій в контекстному меню або панель інструментів.

Хоча <menu> візуально схожий на <ul>, його слід використовувати саме для списку дій, а не для простого переліку елементів.

Історично, цей тег використовувався для створення контекстних меню, але ця функціональність застаріла. Для навігаційних меню рекомендується використовувати тег <nav>.

HTML
<menu>
  <li>...</li>
</menu>

Атрибути

Цей тег може мати глобальні атрибути.

compact: Цей булевий атрибут вказував, що список має відображатися в компактному стилі. Цей атрибут є застарілим і не підтримується.

Технічне резюме

Категорія контенту	Потоковий контент. Якщо його дочірні елементи включають один або більше елементів `<li>`, то також відчутний контент.
Дозволений вміст	Нуль або більше елементів `<li>`.
Пропуск тегів	Жоден, початковий та кінцевий теги є обов’язковими.
Дозволені батьківські елементи	Будь-який елемент, що приймає потоковий контент.
Роль ARIA	`list`
DOM інтерфейс	`HTMLMenuElement`

Приклади використання

<menu>
  <li>
    <button onclick="copy()">Копіювати</button>
  </li>
  <li>
    <button onclick="cut()">Вирізати</button>
  </li>
  <li>
    <button onclick="paste()">Вставити</button>
  </li>
</menu>

Стилі за замовчуванням

CSS
menu {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}

Підтримка браузерів



`<menu>`