Элемент <menu>
Элемент <menu> (от англ. menu — меню) используется для создания меню или панели инструментов, которое включает в себя набор команд или действий, доступных пользователю.
Пункты меню определяются дочерними элементами <li>. Каждый элемент <li> представляет собой отдельную команду или действие, которое пользователь может выполнить.
Элемент <menu> можно использовать, к примеру, для создания контекстных меню (обычно активируемых нажатием правой кнопкой мыши) или панелей инструментов.
По сути элемент <menu> является просто семантической альтернативой <ul> для создания меню со списком команд.
| Категории | Потоковое содержимое, если элемент <menu> содержит хотя бы один дочерний элемент <li>: явное содержимое. |
|---|---|
| Синтаксис | <menu>...</menu> |
| Опускание тегов | Начальный и конечный теги обязательны. |
| Модель содержимого | Ноль или больше элементов <li> и элементы, поддерживающие скрипты. |
Атрибуты
Для элемента <menu> доступны глобальные атрибуты и события.
Стиль по умолчанию
Стиль по умолчанию для элемента <menu>, определённый в спецификации HTML:
menu {
display: block;
margin-block: 1em;
padding-inline-start: 40px;
counter-reset: list-item;
list-style-type: disc;
}
:is(dir, menu, ol, ul) menu {
margin-block: 0;
list-style-type: circle;
}
:is(dir, menu, ol, ul) :is(dir, menu, ol, ul) menu {
list-style-type: square;
}
Пример
<menu>
<li><button onclick="copy()">Копировать</button></li>
<li><button onclick="cut()">Вырезать</button></li>
<li><button onclick="paste()">Вставить</button></li>
</menu>
Результат