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


Описание

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

Адрес с поясняющей подсказкой:
<address title="Основной офис компании"> ООО "Технологии"<br> ул. Центральная, 1<br> Москва, Россия </address>
Подсказка для части адреса:
<address> <span title="Головной офис">ООО "Технологии"</span><br> ул. Центральная, 1<br> <span title="Адрес для корреспонденции">Москва, Россия</span> </address>
Многоязычная подсказка:
<address title="Main office | Главный офис"> Example Corp.<br> 123 Main Street<br> New York, USA </address>

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

Характеристика Поведение
Отображение Всплывающая подсказка появляется после задержки (~1 сек)
Доступность Читается скринридерами как дополнительная информация
Форматирование Только plain-текст, HTML-теги не интерпретируются
Мобильные устройства Может не работать при обычном касании (требуется длинное нажатие)
Длина текста Браузеры автоматически переносят длинный текст
Стилизация Внешний вид зависит от браузера и ОС

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

  • Используйте для кратких пояснений, а не для важной информации
  • Дублируйте критически важную информацию в основном содержимом
  • Оптимальная длина - 60-100 символов
  • Избегайте сложных терминов и аббревиатур
  • Для многоязычных сайтов переводите содержимое title
  • Не злоупотребляйте - избыток подсказок раздражает пользователей
  • Тестируйте отображение на разных устройствах

Атрибут title предоставляет простой способ добавить дополнительную информацию к элементу <address>, но не должен использоваться для критически важных данных, так как его отображение зависит от браузера и устройства пользователя.