HTML тег <menu>

HTML теги

Значение и применение

Тег <menu> используется для контекстных меню, панелей инструментов и для включения элементов управления формы.

Тег <menuitem>html5 определяет элемент команды / меню, который пользователь может вызвать из контекстного меню.

В настоящее время тег <menu> имеет ограниченную поддержку браузерами.

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

ТегChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
<menu>Нет8.0НетНетНетНет

Атрибуты

АтрибутЗначениеОписание
labelhtml5textОпределяет видимое наименование для меню.
typehtml5popup
toolbar
context
Определяет, какой тип меню отображать.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Пример использования тега <menu></title>
	</head>
	<body>
		<div contextmenu = "testmenu"> <!-- определяем, для блока контекстное меню --> 
			Кликни по мне правой кнопкой мыши.
			<menu type = "context" id = "testmenu"> <!-- создаем контекстное меню --> 
				<menuitem label = "like"></menuitem> <!-- определяем первый элемент меню --> 
				<menuitem label = "dislike"></menuitem> <!-- определяем второй элемент меню --> 
			</menu>
		</div>
	</body>
</html>
Кликни по мне правой кнопкой мыши.

Для тех у кого браузер не отображает результат:

Использование глобального атрибута contextmenu, и тегов <menu> и <menuitem>.
Использование глобального атрибута contextmenuhtml5, тегов <menu> и <menuitem>html5.

Отличия HTML 4.01 от HTML 5

В HTML 4.01 элемент считался устаревшим, в HTML5 он был переопределён.

Значение CSS по умолчанию

menu {
display: block;
list-style-type: disc;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0px;
padding-left: 40px;
}

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

Атрибуты событий

Элемент поддерживает "атрибуты событий".

HTML теги