HTML-тег <menu>

Характеристики

Тип: блочный, интерактивный, семантический
Назначение: Создание списка команд или меню в веб-документе.
Родители: Любые блочные HTML-теги, которые могут содержать блочные или строчные элементы.
Потомки: Элементы , <li>.
Глобальные атрибуты: все
Атрибуты событий: все

Атрибуты

type — Определяет тип меню (context, toolbar, list и т.д.).

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

<menu type="context">
  <li><a href="#edit">Редактировать</a></li>
  <li><a href="#delete">Удалить</a></li>
</menu>

Использование в JavaScript

// Получение элемента по тегу
const menuElement = document.querySelector('menu');

// Добавление нового пункта меню
const newItem = document.createElement('li');
newItem.innerHTML = '<a href="#new">Новый пункт</a>';
menuElement.appendChild(newItem);

Рекомендации по обеспечению доступности (a11y)

Убедитесь, что меню доступно для клавиатурной навигации
Используйте правильные роли и атрибуты ARIA для улучшения доступности
Избегайте использования <menu> для создания навигационных меню, вместо этого используйте <nav>

Полезные ссылки