HTML тег <section>

Элемент <section> (от англ. "section" ‒ «раздел, рубрика») представляет собой раздел веб-страницы. В этом контексте раздел — это тематическая группировка содержимого документа, как правило, с собственным заголовком.

Элемент <section> должен применяться только для явного разделения документа на разделы, отличающиеся друг от друга по содержанию и смыслу.

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

Синтаксис

<section>
  <h[1-6]> ... </h[1-6]>
  ...
</section>

Закрывающий тег

Обязателен.

Атрибуты

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Большинство браузеров отобразит элемент <section> со следующими значениями CSS по умолчанию:

section { 
    display: block;
}

Различия между HTML 4.01 и HTML5

Тег <section> был добавлен в HTML5.

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

Макет на основе элементов HTML5:

Пример HTML:

Попробуй сам
<section>
<h1>Заголовок</h1>
<p>Основной контент...</p>
</section>

Спецификации

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

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


Учебник HTML

HTML уроки: Макеты веб-страниц

HTML Элементы



Contema