HTML <section> Tag

Последнее обновление
воскресенье 15-го мая 2022

Элемент раздела обычно имеет заголовок, который скажет читателю, что читать в этом конкретном разделе и содержании. Тег 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