Атрибут title тега <sup>
Описание
Атрибут title добавляет всплывающую подсказку (tooltip) к элементу <sup>, которая появляется при наведении курсора. Особенно полезен для пояснения специальных обозначений и символов.
<p>
Химическая формула: H<sup title="2 атома водорода">2</sup>O
</p>
<p>
Математическая константа: π<sup title="Число Пи ≈ 3.14159">2</sup>
</p>
Особенности работы:
- Подсказка появляется после небольшой задержки при наведении
- Исчезает при перемещении курсора или через несколько секунд
- Поддерживается всеми современными браузерами
- Может содержать только текст (HTML-разметка не интерпретируется)
Рекомендации по содержанию:
| Тип информации | Пример для <sup> |
|---|---|
| Пояснение обозначения | title="Степень числа" |
| Научное пояснение | title="Квадрат переменной" |
| Технические детали | title="Показатель степени" |
Рекомендации:
- Используйте для пояснения:
- Математических обозначений
- Химических формул
- Научных символов
- Специальных сокращений
- Делайте подсказки краткими (до 120 символов)
- Избегайте очевидных пояснений
Ограничения:
- Недоступен на сенсорных устройствах без long-press
- Длинный текст может обрезаться в некоторых браузерах
- Не поддерживает форматирование текста
- Может конфликтовать с кастомными tooltip-библиотеками
Примечание: Для сложных научных пояснений рассмотрите использование элемента <dfn> с подробным описанием.