Атрибут title тега <strong>
Описание
Атрибут title добавляет всплывающую подсказку к элементу <strong>, которая появляется при наведении курсора. Подсказка предоставляет дополнительную информацию о выделенном тексте.
<p>
<strong title="Это важное предупреждение!">Внимание!</strong>
Пожалуйста, прочитайте внимательно.
</p>
Особенности работы:
- Подсказка появляется при наведении (hover)
- Исчезает через несколько секунд или при уходе курсора
- Поддерживает многострочный текст (используйте символ новой строки)
- Отображается поверх других элементов
Форматы содержимого:
| Тип | Пример | Примечание |
|---|---|---|
| Простой текст | title="Важная информация" |
Базовый вариант |
| Многострочный | title="Первая строка
Вторая строка" |
Используйте
для переноса |
| Спецсимволы | title="Внимание » важное" |
HTML-сущности декодируются |
Рекомендации:
- Используйте для пояснения важных терминов
- Делайте текст кратким (1-2 предложения)
- Для критичной информации используйте видимые элементы
- Сочетайте с другими семантическими атрибутами
Ограничения:
- Недоступен на сенсорных устройствах
- Внешний вид зависит от браузера
- Не поддерживает HTML-разметку
- Может обрезать длинный текст
Пример с многострочной подсказкой:
<p>
<strong title="Дата публикации: 15.05.2025
Автор: Иванов И.И.">
Важная новость
</strong>
</p>
Доступность:
- Подсказки доступны скрин-ридерам
- Не заменяют ARIA-атрибуты для сложных случаев
- Для важного контента дублируйте информацию в видимом тексте
Примечание: Для создания стилизованных и адаптивных подсказок рассмотрите использование CSS + JavaScript или специализированных библиотек.