🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.
Тег <section> группирует содержимое страницы, которое связано тематически или по смыслу.
<section>
<h2>Статьи</h2>
<article>
<h3>Заголовок статьи 1</h3>
<p>Содержимое статьи 1</p>
</article>
<article>
<h3>Заголовок статьи 2</h3>
<p>Содержимое статьи 2</p>
</article>
</section>
Тег <section> должен использоваться только для группировки элементов, которые относятся к одной логической секции на странице. Если на странице есть несколько разных секций, то каждая из них должна быть обёрнута в свой <section>.
Тег должен содержать заголовок <h1>–<h6>, чтобы читатель понимал, что находится внутри секции. Иногда такие заголовки скрывают, но оставляют доступными для скринридеров.
Чем заменить тег
Напрямую заменить его сложно, потому что он уникален и помогает поисковикам понять структуру вашего сайта. Но иногда, в зависимости от ситуации, можно использовать:
<article>для независимого, самодостаточного контента;<div>просто для стилизации без добавления смысла к блоку;<aside>для блоков с информацией, относящейся к основному контенту.