Атрибут hidden тега <menu>

Описание

Атрибут hidden для тега <menu> скрывает меню из визуального представления страницы, сохраняя его в DOM-структуре. Это полезно для временного скрытия меню без его удаления.

Пример использования:
<menu hidden> <li>Скрытый пункт 1</li> <li>Скрытый пункт 2</li> </menu>

Особенности работы:

Состояние Визуальное отображение Доступность в DOM
С атрибутом hidden Не отображается Присутствует в DOM
Без атрибута Отображается нормально Присутствует в DOM

Разница с CSS display:none:

<style> .hidden-menu { display: none; } </style> <menu class="hidden-menu"> <li>Скрыто CSS</li> </menu> <menu hidden> <li>Скрыто атрибутом</li> </menu>

Рекомендации по использованию:

  • Используйте для временного скрытия меню
  • Не применяйте для важной навигации
  • Для доступности добавьте ARIA-атрибуты
  • Сочетайте с JavaScript для управления видимостью

Ограничения и совместимость:

  • Поддерживается всеми современными браузерами
  • Не скрывает содержимое от скринридеров (нужен aria-hidden)
  • Может быть переопределен CSS
  • Не подходит для защиты конфиденциальной информации

Примечание: Для сложных сценариев показа/скрытия меню с анимацией предпочтительнее использовать CSS-классы и JavaScript. Атрибут hidden лучше подходит для простых случаев временного скрытия элементов.