Тег <section>

<section> групує тематично пов'язаний вміст. На відміну від div, має семантичне значення — це саме розділ документа.

Syntax

<section>...</section>

Example

<section>
  <h2>Наші послуги</h2>
  <p>Опис послуг...</p>
</section>

Notes

Якщо у блока немає природного заголовка (h2-h6) і він не є самостійним тематичним розділом — це, ймовірно, div, а не section.
section не варто використовувати лише для стилізації — для цього призначений div.

Accessibility

section без aria-label чи заголовка не отримує чіткої ARIA-ролі region — додайте заголовок для кращої навігації screen-читачами.

Схожі інструменти

Тег <article>

Призначення тегу <article>: самодостатній блок вмісту (стаття, коментар, картка товару).

Тег <div>

Призначення тегу <div>: контейнер без власного семантичного значення, для CSS-стилізації та групування.