Атрибут id тега <h1>
Описание
Атрибут id задаёт уникальный идентификатор для заголовков <h1>-<h6>. Этот идентификатор может использоваться для стилизации, якорных ссылок или обращения через JavaScript.
<h1 id="main-title">Главная страница</h1>
<h2 id="section-about">О компании</h2>
<h3 id="subsection-team">Наша команда</h3>
Основные правила:
| Правило | Пример | Недопустимо |
|---|---|---|
| Уникальность | id="header-main" |
id="header" (если повторяется) |
| Синтаксис | id="section-1" |
id="1section" (начинается с цифры) |
| Регистр | Чувствителен (Main ≠ main) |
- |
Практическое применение:
<!-- 1. Создание якорных ссылок -->
<h2 id="features">Наши преимущества</h2>
<a href="#features">Перейти к преимуществам</a>
<!-- 2. Стилизация через CSS -->
<style>
#main-title {
color: #2c3e50;
font-size: 2.5rem;
}
</style>
<!-- 3. Обращение через JavaScript -->
<script>
document.getElementById('section-about').scrollIntoView();
</script>
Рекомендации по именованию:
- Используйте осмысленные имена (section-about, product-title)
- Придерживайтесь единого стиля (kebab-case рекомендуется)
- Избегайте общих имен (header, title, section)
- Учитывайте структуру документа при создании имен
Ограничения и особенности:
- Элемент с id становится глобальной переменной (не рекомендуется использовать)
- Имеет наивысший приоритет в CSS (наравне с !important)
- Повторяющиеся id могут вызвать ошибки в JavaScript
- Для стилизации лучше использовать классы
Примечание: Хотя id предоставляет удобный способ обращения к заголовкам, профессиональные разработчики предпочитают использовать классы для стилизации, оставляя id для якорных ссылок и JavaScript-логики.