HTML-тег <h1–h6>

Характеристики

• Тип: блочный, статичный, семантический
• Назначение: Представляют заголовки различных уровней, от самого важного (<h1>) до наименее важного (<h6>).
• Родители: Любые HTML-теги, которые могут содержать блочные элементы.
• Потомки: Текст и любые строчные HTML-теги.
• Глобальные атрибуты: все
• Атрибуты событий: все

Пример использования

<h1 id="myHeading">Заголовок первого уровня</h1>

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

// Получение элемента по ID
const headingElement = document.getElementById('myHeading');

// Изменение содержимого
headingElement.innerHTML = 'Новый заголовок';

// Добавление класса
headingElement.classList.add('new-class');

// Изменение стиля
headingElement.style.fontSize = '24px';

Рекомендации по обеспечению доступности (a11y)

• Используйте заголовки для обозначения структуры документа, это помогает вспомогательным технологиям и пользователям лучше понимать содержание.
• Соблюдайте иерархию заголовков, не пропуская уровни (например, после <h1> следует <h2>, а не <h3>).
• Пропуск уровней заголовков может запутать пользователей вспомогательных технологий.
• Использование заголовков для стилизации текста без семантического смысла затрудняет доступность.

Полезные ссылки