<menu> – елемент меню

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

Спробуйте його в дії

Атрибути

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

Примітки щодо використання

І <menu>, і <ul> обидва представляють невпорядкований список елементів. Основна відмінність полягає в тому, що <ul> перш за все вміщає елементи для відображення, тоді як <menu> призначений для інтерактивних елементів.

[!NOTE] У ранніх версіях специфікації HTML елемент <menu> мав додатковий варіант використання як контекстне меню. Ця функціональність вважається застарілою й у специфікації відсутня.

Приклади

Панель інструментів

У цьому прикладі <menu> використовується для створення панелі інструментів для застосунку редагування.

HTML

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

Зверніть увагу, що функціонально це не відрізняється від:

<ul>
  <li><button onclick="copy()">Копіювати</button></li>
  <li><button onclick="cut()">Вирізати</button></li>
  <li><button onclick="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>.