Элемент раздела обычно имеет заголовок, который скажет читателю, что читать в этом конкретном разделе и содержании. Тег section делит содержимое на раздел и подразделы.
Основное преимущество тега section заключается в том, что он является семантическим элементом.
В HTML5 мы можем определить раздел с помощью тегов <section></section>
. Мы можем иметь столько разделов на нашей странице документа, сколько захотим.
Синтаксис
<section>Section Contents</section>
Примеры
<section> <h1>Раздел: Заголовок 1</h1> <p>Содержание раздела 1</p> </section> <section> <h1>Раздел: Заголовок 2</h1> <p>Содержание раздела 2</p> </section> <section> <h1>Раздел: Заголовок 3</h1> <p>Содержание раздела 3</p> </section>
Фронтенд-фреймворки и библиотеки
<section> <h2>Фронтенд-фреймворки и библиотеки</h2> <ul> <li>AngularJS</li> <li>React JS</li> <li>Vue JS</li> <li>Svelte</li> </ul> </section>
Поддержка браузеров
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает элемент.
Элемент | Chrome | Edge | Mozilla | Safari | Opera |
---|---|---|---|---|---|
<section> | 5.0 | 9.0 | 4.0 | 5.0 | 11.5 |