HTML тег <menu>

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

Описание

HTML тег <menu> определяет список/меню команд.

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

Атрибуты

label:

Определяет видимую метку для меню.

type:

Определяет какой тип меню будет отображен на экране:

• context - контекстное меню с командами, с которомы может взаимодействовать пользователь.
• toolbar - список активных команд
• list - неупорядоченный список элементов (каждый элемент такого списка создается с помощью тега <li>). Значение list используется по умолчанию.

Тег <menu> так же поддерживает Глобальные атрибуты и События

Стиль по умолчанию

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

Пример

<menu type="toolbar">
  <li>
    <menu label="File">
      <button type="button" onclick="file_new()">Новый...</button>
      <button type="button" onclick="file_open()">Открыть...</button>
      <button type="button" onclick="file_save()">Сохранить</button>
    </menu>
  </li>
  <li>
    <menu label="Edit">
      <button type="button" onclick="edit_cut()">Вырезать</button>
      <button type="button" onclick="edit_copy()">Скопировать</button>
     <button type="button" onclick="edit_paste()">Вставить</button>
    </menu>
  </li>
</menu> 

Результат данного примера в окне браузера: