Атрибут id тега <strong>
Описание
Атрибут id задает уникальный идентификатор для элемента <strong>, который может использоваться для:
- Стилизации через CSS
- Обращения через JavaScript
- Создания якорей для ссылок
- Связки с элементами форм
<p>
<strong id="main-heading">Важное объявление</strong>:
текст сообщения...
</p>
Синтаксис и правила:
| Правило | Пример | Недопустимо |
|---|---|---|
| Должен быть уникальным | id="header" |
Повторение id в документе |
| Без пробелов | id="mainContent" |
id="main content" |
| Чувствителен к регистру | id="section1" |
Путаница с id="Section1" |
Использование в CSS:
<style>
#special-emphasis {
color: #d32f2f;
font-size: 1.2em;
}
</style>
<p>
<strong id="special-emphasis">Внимание!</strong>
Это важное сообщение.
</p>
Рекомендации:
- Используйте осмысленные имена (не "id1", "id2")
- Для стилизации предпочитайте классы, оставляя id для JavaScript
- Придерживайтесь одного стиля именования (kebab-case рекомендуем)
- Избегайте избыточного использования id
Ограничения:
- Повторяющиеся id могут вызвать проблемы в JavaScript
- Высокая специфичность в CSS (100 баллов)
- Сложность переиспользования стилей
Пример создания якоря:
<article>
<h2><strong id="article-title">Заголовок статьи</strong></h2>
<p>Текст статьи...</p>
</article>
<a href="#article-title">К заголовку</a>
Примечание: В больших проектах избегайте избыточного использования id для стилизации, так как это снижает возможность повторного использования CSS-правил.