<menu> HTML

Тег <menu> (от англ. menu — меню) предназначен для отображения списка пунктов меню.

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

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

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

Can I Use menu? Data on support for the menu feature across the major browsers from caniuse.com.

Полифилы для включения поддержки:

Синтаксис

<menu>
  <li>пункт меню</li>
  <li>пункт меню</li>
</menu>

Закрывающий тег обязателен.

WAI ARIA

Значение role по умолчанию: menu

Атрибуты

  • label — Устанавливает видимую метку для меню.
  • type — Задаёт тип меню.

label

Устанавливает видимую метку для меню, которая отображается в виде названия при использовании вложенных меню.

Синтаксис

<menu label="<текст>">
...
</menu>

Значения

В качестве значения указывается текст.

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

Нет.

type

Используется для задания типа меню.

Синтаксис

<menu type="context | toolbar | list">
...
</menu>

Значения

  • context — Создаёт контекстное меню.
  • toolbar — Меню в виде панели инструментов.
  • list — Меню в виде списка.

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

list

Примечание

Firefox поддерживает только значение context.

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

Примеры

<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>