Атрибут title тега <nav>
Описание
Атрибут title добавляет всплывающую подсказку к элементу <nav>, которая появляется при наведении курсора. Это полезно для:
- Пояснения назначения навигационного блока
- Дополнительной информации о меню
- Подсказок для неочевидных элементов навигации
<nav title="Основное меню сайта">
<ul>
<li><a href="/">Главная</a></li>
<li><a href="/about">О нас</a></li>
</ul>
</nav>
Типичные сценарии применения:
| Ситуация | Пример title |
|---|---|
| Пояснение назначения | "Основная навигация по сайту" |
| Специальные меню | "Быстрый доступ к разделам админ-панели" |
| Неочевидная навигация | "Нажмите для раскрытия дополнительных опций" |
Доступность и SEO:
- Подсказки улучшают понимание для пользователей
- Не заменяют текстовые описания для скринридеров
- Содержимое title не индексируется как основной контент
- Для важной информации используйте видимые текстовые пояснения
Рекомендации по содержанию:
<!-- Плохо: избыточная информация -->
<nav title="Навигация">...</nav>
<!-- Плохо: слишком длинный текст -->
<nav title="Этот блок навигации содержит ссылки на основные разделы сайта...">...</nav>
<!-- Хорошо: полезная краткая информация -->
<nav title="Основные разделы сайта">...</nav>
Ограничения и совместимость:
- Поддерживается всеми браузерами
- Время появления подсказки зависит от системы
- На мобильных устройствах может не работать
- Не поддерживает сложное форматирование (HTML-теги внутри)
Примечание: Атрибут title наиболее полезен для сложных или неочевидных навигационных элементов. Для стандартных меню он обычно не требуется. Всегда проверяйте, действительно ли подсказка улучшает пользовательский опыт.