/html/menu:> Меню_

Элемент menu

Синтаксис

(X)HTML
<menu> ... </menu>

Описание

Элемент menu (от англ. "menu" ‒ «меню») создаёт область контекстного меню, панели инструментов. Внутрь данного элемента вкладываются элементы li или menuitem.

Внешний вид

Контекстное меню

Внешний вид контекстное меню с добавленными пунктами

Кнопка меню

Внешний вид кнопки меню

Примечание

Элемент menu может выполнять две роли:

  1. Создание меню. Выступает в роли контейнера для элементов li;
  2. Создание контекстного меню. Выступает в роли контейнера для элементов menuitem.

Пс. Изначально в HTML 5 данному элементу придавалась роль контейнера элементов command. Но в последствии элемент command был удалён из спецификации вместе с элементом menu.


Поддержка браузерами

Chrome
Поддерж.[1]
Firefox
Поддерж.[1]
Opera
Поддерж.[1]
Maxthon
Поддерж.[1]
IExplorer
+9; 10+[1]
Safari
Поддерж.[1]
iOS
Поддерж.[1]
Android
Поддерж.[1]
  • [1] ‒ браузер поддерживает данный элемент только в роли контейнера для элементов li.

Спецификация

Верс. Раздел
HTML
2.0 Menu List: MENU Перевод
3.2 DIR and MENU
4.01 10.4 The DIR and MENU elements[1]
DTD: Transitional Strict Frameset
5.0 ---
5.1 4.11.3. The menu element
XHTML
1.0 Extensible HyperText Markup Language[1]
DTD: Transitional Strict Frameset
1.1 ---
  • [1] ‒ помечен как «устаревший».

Атрибуты

compact
Выводит список меню в более компактном виде.
label
Задаёт видимую метку для меню.
type
Задаёт тип меню.
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент menu</title>
</head>
<body>
<h1>Пример использования элемента "menu"</h1>
<menu>
<li>1 пункт меню</li>
<li>2 пункт меню</li>
<li>3 пункт меню</li>
</menu>
</body>
</html>
Элемент menu