HTML-тег <section>

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

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

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

<section>
  <h2>Заголовок раздела</h2>
  <p>Содержимое раздела...</p>
</section>

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

// Получение элемента <section>
const sectionElement = document.querySelector('section');

// Добавление класса
sectionElement.classList.add('content-section');

// Изменение стиля
sectionElement.style.margin = '20px 0';

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

• Используйте <section> для структурирования контента на логические разделы.
• Каждый <section> должен содержать заголовок (<h1>–<h6>), чтобы облегчить навигацию.
• Отсутствие заголовков внутри <section> может затруднить понимание структуры страницы.

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