Атрибут 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".