Элемент <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>
Результат