Тег menu

Тег <menu>

	Internet Explorer	Chrome	Opera	Safari	Firefox	Android	iOS
HTML4	3.0+	1.0+	3.5+	1.0+	1.0+	1.1+	1.0+
HTML5

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

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Тег <menu> предназначен для отображения списка пунктов меню. Аналогично тегам <ol> и <ul> внутри контейнера <menu> список формируется с помощью тегов <li>.

В HTML4 тег <menu> вышел из употребления, вместо него рекомендуется использовать тег <ul>. В HTML5 тег <menu> вновь включен, но уже в другом качестве. Теперь он выступает контейнером для тега <command> и создания меню.

Синтаксис

HTML5: <menu>...</menu>

Атрибуты

label

Устанавливает видимую метку для меню.

type

Задает тип меню.

Закрывающий тег

Обязателен.

Валидация

Использование этого тега осуждается спецификацией HTML4, валидный код получается только при использовании переходного <!DOCTYPE>. В HTML5 применение тега <menu> корректно.

Пример 1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Тег MENU</title>

</head>

<body>

<p><strong>В этом выпуске:</strong></p>

<menu>

<li>Русская кухня. Уха бурлацкая</li>

<li>Украинская кухня. Вареники</li>

<li>Молдавская кухня. Паприкаш</li>

<li>Кавказская кухня. Суп-харчо</li>

<li>Прибалтийская кухня. Вертиняй</li>

</menu>

</body>

</html>

Результат данного примера показан на рис. 1.

Рис. 1. Вид списка, созданного с помощью тега <menu>

Пример 2

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>Тег MENU</title>

</head>

<body>

<menu type="toolbar">

<li>

<menu label="Файл">

<button type="button">Новый...</button>

<button type="button">Открыть...</button>

<button type="button">Сохранить</button>

</menu>

</li>

<li>

<menu label="Правка">

<button type="button">Копировать</button>

<button type="button">Вырезать</button>

<button type="button">Вставить</button>

</menu>

</li>

</menu>

</body>

</html>

HTML5

Блочные элементы

Списки