Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

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

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

Категории содержимого Элементы потока, элементы секций, явные элементы.
Разрешенное содержимое Элементы потока
Опускаемый тэг None, both the starting and ending tag are mandatory.
Разрешенные родительские элементы Любой элемент, допускающий элементы потока. Обратите внимание, что <section> элемент не должен являться потомком <address> элемента.
Интерфейс DOM HTMLElement

Атрибуты

Этот элемент включает в себя только глобальные атрибуты.

Примечания

  • Каждый элемент <section> должен быть однозначно идентифицирован, например, с помощью добавления в него заголовка (элементы <h1>-<h6>).
  • Если требуется дополнительно разделять содержимое <section>, используйте вместо него элемент <article>.
  • Не используйте элемент <section> как общий контейнер; для этого существует элемент <div>, особенно если разделение производится исключительно в декоративных целях. Руководствуйтесь тем, что разделение документа должно иметь логику.

Пример

До

<div>
  <h1>Heading</h1>
  <p>Bunch of awesome content</p>
</div>

После

<section>
  <h1>Heading</h1>
  <p>Bunch of awesome content</p>
</section>

Пример 2

До

<div>
  <h2>Heading</h2>
  <img src="bird.jpg" alt="bird">
</div>

После

<section>
  <h2>Heading</h2>
  <img src="bird.jpg" alt="bird">
</section>

Характеристики

Спецификация Статус Комментарии
HTML Living Standard
Определение '<section>' в этой спецификации.
Живой стандарт  
HTML 5.1
Определение '<section>' в этой спецификации.
Рекомендация  
HTML5
Определение '<section>' в этой спецификации.
Рекомендация  

Совместимость браузеров

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 5 4.0 (2.0) 9.0 11.10 4.1
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 2.2 4.0 (2.0) 9.0 11.0 5.0 (iOS 4.2)

Смотрите также

Метки документа и участники

Внесли вклад в эту страницу: erdjei, dimoff66, muzimka, lollyroll, Bobsans, Minstel, AnatolyOS
Обновлялась последний раз: erdjei,