Справочник HTML & CSS

<section>

Тематический раздел страницы с собственным заголовком.

Синтаксис

<section><h2>Title</h2>…</section>

Примеры

Разделы лендинга:

<section>
  <h2>Our menu</h2>
  <p>Espresso, latte, cappuccino.</p>
</section>
<section>
  <h2>Where to find us</h2>
  <p>12 Baker Street.</p>
</section>

Примечания

У <section> почти всегда есть заголовок. Если блок нужен только для оформления и заголовка у него нет, используйте <div>.

См. также

<article> — Самостоятельный фрагмент, понятный и вне страницы: статья, пост, отзыв, карточка товара.
<div> — Блочный контейнер без смысла: группирует элементы для оформления и раскладки.
<h1>–<h6> — Заголовки шести уровней: `<h1>` — главный, `<h6>` — самый мелкий.

В учебнике

Семантическая разметка — Нейтральные div и span и смысловые теги header, nav, main, article, section, aside и footer для разметки страницы.