Атрибут title тега <u>
Описание
Атрибут title добавляет всплывающую подсказку (tooltip) к элементу <u>, которая появляется при наведении курсора. Подсказка может содержать дополнительную информацию о подчёркнутом тексте.
<u title="Это пояснение к подчёркнутому тексту">
Текст с подсказкой
</u>
Особенности работы:
- Подсказка появляется при наведении (hover)
- Исчезает через несколько секунд или при уходе курсора
- Поддерживает многострочный текст (через \n)
- Отображается стандартными средствами браузера
Рекомендации по содержанию:
| Тип контента | Пример | Когда использовать |
|---|---|---|
| Пояснение | "Это термин из физики" | Для специальных терминов |
| Дополнение | "Полное название:..." | Для сокращений |
| Уточнение | "Действительно с 2020 года" | Для дат и фактов |
Пример с многострочной подсказкой:
<u title="Первая строка\nВторая строка\nТретья строка">
Текст с многострочной подсказкой
</u>
Рекомендации:
- Делайте подсказки краткими и информативными
- Избегайте дублирования видимого текста
- Для важной информации используйте видимые элементы, а не title
- Комбинируйте с другими атрибутами (например,
lang)
Ограничения:
- Не доступен на мобильных устройствах (нет hover)
- Не может быть стилизован стандартными средствами CSS
- Некоторые скринридеры могут не озвучивать содержимое
- Не подходит для важной информации
Важно: Не используйте атрибут
title для:
- Критически важной информации
- Длинных текстов (более 1-2 предложений)
- Элементов интерфейса, требующих пояснения
- Контента, который должен быть всегда виден
SEO комментарий:
Атрибут title имеет ограниченное влияние на SEO. Поисковые системы могут учитывать его содержимое, но не стоит использовать его для ключевых слов - это может быть расценено как спам.