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

Описание

Атрибут title для тега <menu> добавляет всплывающую подсказку (tooltip), которая появляется при наведении курсора на меню. Это полезно для:

  • Пояснения назначения меню
  • Добавления дополнительной информации
  • Улучшения доступности
Пример использования:
<menu title="Основная навигация по сайту"> <li>Главная</li> <li>О компании</li> </menu>

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

Ситуация Поведение
Наведение курсора Появляется всплывающая подсказка
Мобильные устройства Подсказка может не отображаться
Скринридеры Озвучивают содержимое title

Пример с контекстным меню:

<menu type="context" id="edit-menu" title="Действия с текстом"> <menuitem label="Копировать"></menuitem> <menuitem label="Вставить"></menuitem> </menu> <div contextmenu="edit-menu"> Правый клик для вызова меню </div>

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

  • Делайте подсказки краткими (50-100 символов)
  • Избегайте дублирования видимого текста
  • Для важной информации используйте видимые элементы
  • Проверяйте отображение в разных браузерах

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

  • Не поддерживает HTML-разметку в подсказке
  • Время отображения зависит от ОС пользователя
  • Не заменяет ARIA-атрибуты для доступности
  • В некоторых браузерах имеет ограниченную стилизацию

Примечание: Хотя атрибут title полезен для кратких пояснений, в современных веб-приложениях для сложных подсказок часто используют специализированные JavaScript-библиотеки (tippy.js, popper.js и др.).