<section> HTML

Тег <section> (от англ. section — раздел) задаёт раздел документа, может применяться для блока новостей, контактной информации, глав текста, вкладок в диалоговом окне и др.

Раздел обычно содержит заголовок. Допускается вкладывать один тег <section> внутрь другого.

Синтаксис

<section>
</section>

Закрывающий тег обязателен.

WAI ARIA

Значение role по умолчанию: region

Допустимые значения role:

  • alert
  • alertdialog
  • application
  • banner
  • complementary
  • contentinfo
  • dialog
  • document
  • feed
  • log
  • main
  • marquee
  • navigation
  • none
  • presentation
  • search
  • status
  • tabpanel

Атрибуты

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

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

Примеры

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>section</title>
    </head> 
    <body>
        <section>
            <h1>Съёмки фильма Полипропилен</h1>
            <p>История о том, как снимали фильм, где герои отдыхали на пляже, потом пришёл антагонист, избил протагонистов, сбросил их в бассейн, и что из этого получилось.</p>
        </section>
        <section>
            <h1>Хороший язык</h1>
            <p>История о том, как проходила студия изучения языка эсперанто, в то время, как над ней, на веранде велась студия приколистов, где травились анекдоты, и что из этого получилось.</p>
        </section>
    </body>
</html>