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

Описание

Атрибут class позволяет назначать один или несколько CSS-классов элементу <sub> для стилизации и взаимодействия через JavaScript. Тег <sub> используется для нижнего индекса в тексте.

Пример использования:
<p> Формула воды: H<sub class="chemical-element">2</sub>O </p>

Синтаксис атрибута class:

Формат Пример Описание
Один класс class="subscript" Применение одного класса
Несколько классов class="chemical small" Применение нескольких классов (разделяются пробелом)

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

  • Используйте семантические имена классов (например, "footnote", "chemical")
  • Придерживайтесь единого стиля именования (kebab-case рекомендуем)
  • Разделяйте ответственность классов (один класс - одна задача)
  • Избегайте избыточного количества классов (оптимально 1-3)

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

  • Классы можно динамически добавлять/удалять через JavaScript
  • Один элемент может иметь несколько классов
  • Имена классов чувствительны к регистру
  • Поддерживаются всеми современными браузерами

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

  • Глобальная область видимости (возможны конфликты имен)
  • Избыточное количество классов усложняет поддержку
  • Нет встроенной модульности (решается CSS-модулями)

Пример с современными CSS-технологиями:

<style> /* CSS-переменные для тематического оформления */ :root { --chem-color: #9c27b0; --footnote-size: 0.75em; } /* Локальная область видимости с CSS-модулями */ .chem-sub { color: var(--chem-color); font-weight: bold; position: relative; bottom: -0.2em; } </style> <p> Молекула сахарозы: C<sub class="chem-sub">12</sub>H<sub class="chem-sub">22</sub>O<sub class="chem-sub">11</sub> </p>

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