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

Описание

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

Пример использования:
<p> Химическая формула: H<sub title="Два атома водорода">2</sub>O </p>

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

  • Подсказка появляется при наведении (hover)
  • Исчезает через несколько секунд или при уходе курсора
  • Поддерживает многострочный текст (используйте символ новой строки)
  • Отображается поверх других элементов

Практические примеры:

<p> Математика: x<sub title="Индекс элемента">i</sub> + x<sub title="Индекс элемента + 1">i+1</sub><br> Химия: SO<sub title="Два атома кислорода">2</sub><br> Физика: E<sub title="Начальная энергия">0</sub> </p>

Рекомендации:

  • Используйте для пояснения научных обозначений
  • Делайте подсказки краткими и информативными
  • Для важной информации дублируйте сведения в основном тексте
  • Сочетайте с другими семантическими атрибутами

Ограничения:

  • Недоступен на сенсорных устройствах (нет hover)
  • Внешний вид зависит от браузера
  • Не поддерживает HTML-разметку внутри подсказки

Пример с многострочной подсказкой:

<p> Формула: C<sub title="6 атомов углерода Атомный номер: 6 Группа: 14">6</sub>H<sub title="12 атомов водорода">12</sub>O<sub title="6 атомов кислорода">6</sub> </p>

Доступность:

  • Подсказки доступны скрин-ридерам
  • Не заменяют ARIA-атрибуты для сложных случаев
  • Для важного контента дублируйте информацию в видимом тексте

Примечание: Для сложных научных документов с множеством формул рассмотрите использование специализированных форматов (LaTeX, MathML) с расширенными возможностями аннотирования.