HTML тег <section>

Поддержка браузерами

Описание

Содержимое HTML тега <section> представляет собой раздел веб-страницы. В этом контексте раздел - это тематическая группировка содержимого документа, как правило, с собственным заголовком.

В качестве примеров группировки содержимого можно привести обычные главы, на которые подразделяется содержимое, или домашнюю страницу веб-сайта, которая может быть разделена на разделы для введения, новостей и контактной информации.

Тег <section> не является универсальным элементом контейнером, то есть если требуется сгруппировать контент для создания структуры страницы или для написания сценариев, в таких случаях рекомендуется использовать тег <div>. Обратите внимание, что он должен применяться только для явного разделения документа на разделы, отличающиеся друг от друга по содержанию и смыслу.

Примечание: каждый элемент <section>, расположенный на странице, может содержать собственный заголовок первого уровня (<h1>), так же есть возможность вложение одного такого элемента внутрь другого.

Атрибуты

Тег <section> поддерживает Глобальные атрибуты и События

Стиль по умолчанию

section {
    display: block;
} 

Пример

<section>
  <h1>WWF</h1>
  <p>WWF - Всемирный фонд дикой природы появился в 1961 году...</p>
</section> 

Результат данного примера в окне браузера: