Атрибут id тега <sup>
Описание
Атрибут id задаёт уникальный идентификатор для элемента <sup>. Этот идентификатор может использоваться для:
- Связи с якорными ссылками (#ссылки)
- Применения стилей через CSS
- Обращения к элементу в JavaScript
<p>
Теорема Пифагора: a<sup id="exponent-a">2</sup> + b<sup id="exponent-b">2</sup> = c<sup>2</sup>
</p>
Особенности именования:
| Правило | Пример | Некорректный пример |
|---|---|---|
| Должен быть уникальным | id="footnote-1" |
id="exponent" (если повторяется) |
| Чувствителен к регистру | id="supA" ≠ id="supa" |
- |
| Может содержать дефисы и подчёркивания | id="math_exponent" |
id="math exponent" |
Пример использования в CSS:
<style>
#important-exponent {
color: red;
font-weight: bold;
}
</style>
<p>
Формула: x<sup id="important-exponent">3</sup> + y<sup>2</sup>
</p>
Рекомендации:
- Используйте осмысленные имена (не "id1", "id2")
- Придерживайтесь единого стиля именования (kebab-case рекомендуется)
- Избегайте использования id только для стилизации
- Для повторяющихся элементов используйте классы
Ограничения:
- Дублирование id нарушает стандарты HTML
- Изменение id динамически может сломать существующие ссылки
- Слишком общие имена могут конфликтовать
Примечание: Хотя технически можно использовать id для стилизации, рекомендуется применять классы для этих целей, оставляя id для якорных ссылок и JavaScript.