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


Описание

Атрибут id задает уникальный идентификатор для элемента <sub>, который может использоваться для:

  • Стилизации через CSS
  • Обращения через JavaScript
  • Создания якорей для ссылок внутри документа
  • Связки с элементами форм
Пример использования:
<p> Химическая формула: H<sub id="hydrogen-count">2</sub>O </p>

Синтаксис и правила:

Правило Пример Недопустимо
Должен быть уникальным id="base-formula" Повторение id в документе
Без пробелов id="formula1" id="formula 1"
Чувствителен к регистру id="carbon" Путаница с id="Carbon"

Использование в CSS:

<style> #hydrogen-count { color: #2196F3; font-weight: bold; } </style> <p> Вода: H<sub id="hydrogen-count">2</sub>O </p>

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

  • Используйте осмысленные имена (не "id1", "id2")
  • Для стилизации предпочитайте классы, оставляя id для JavaScript
  • Придерживайтесь одного стиля именования (kebab-case рекомендуем)
  • Избегайте избыточного использования id

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

  • Повторяющиеся id могут вызвать проблемы в JavaScript
  • Высокая специфичность в CSS (100 баллов)
  • Сложность переиспользования стилей

Пример создания якоря:

<p id="formula-water"> Формула воды: H<sub>2</sub>O </p> <a href="#formula-water">Перейти к формуле воды</a>

Примечание: В научных документах с множеством формул используйте систематические имена для id, например "formula-h2o", "equation-1".