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

Описание

Атрибут title добавляет всплывающую подсказку (tooltip) к ссылке, которая появляется при наведении курсора. Содержит дополнительную информацию о назначении или содержимом ссылки.

Базовое использование:
<a href="/about" title="О нашей компании">О нас</a>
Для ссылок с иконками:
<a href="/help" title="Открыть справку"><img src="help-icon.png" alt=""></a>
Для внешних ссылок:
<a href="https://external.com" title="Откроется на внешнем сайте">Партнёрский ресурс</a>

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

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

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

  • Дублируйте важную информацию в видимом тексте ссылки
  • Используйте для неочевидных иконок и элементов управления
  • Избегайте избыточных подсказок для явных текстовых ссылок
  • Для важного контента не полагайтесь только на title
  • Оптимальная длина - до 60-80 символов
Пример доступной реализации:
<!-- Хорошо: подсказка дополняет содержимое --> <a href="/document.pdf" title="PDF, 2.4 MB, откроется в новой вкладке"> Скачать инструкцию </a>

Атрибут title особенно полезен для:

  • Элементов интерфейса без текстовых меток
  • Уточнения формата или размера файлов
  • Предупреждения о нестандартном поведении ссылки
  • Добавления контекста для иконок

Важно: не используйте title как замену правильной текстовой альтернативы (атрибут alt) для изображений-ссылок.