HTML тег - section - определение и примеры использования
Меню
Веб-разработка
Тег section HTML

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


Тег <section> - синтаксис и код

Тег <section> представлен парами. Содержимое записывается между открывающим (<section>) и закрывающим (</section>) тегами.

Пример разметки с тегом <section>  в HTML документе:

<section>
<h1>W3C</h1>
<p>Консорциум World Wide Web является основной международной организацией по стандартизации World Wide Web. Основанный в 1994 году и возглавляемый Тимом Бернерсом-Ли, консорциум состоит из организаций-членов, штат сотрудников которых работает вместе над разработкой стандартов для Всемирной паутины</p>
</section>

<section>
<h1>W3C Логотип HTML5</h1>
<p>Он сияет так же ярко и смело, как дальновидные, преданные делу веб-разработчики, которыми вы являетесь. Это стандарт стандарта, вымпел прогресса.</p>
</section>


Определение и использование

  • HTML - тег <section> определяет раздел в документе.

Тег <section> может быть вложен в тег <article>, разделяя контент на группы. Поэтому необходимо использовать заголовки <h1>-<h6> внутри тегов <article> и <section>. Разрешено использовать заголовок <h2> в каждом разделе, определенном тегом <section>.


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

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Глобальные атрибуты

Тег <section> также поддерживает - глобальные атрибуты в HTML

Атрибуты событий

Тег <section> также поддерживает - атрибуты событий в HTML


Связанные страницы

Руководство по HTML: семантические элементы HTML


Настройки CSS по умолчанию

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

section {
  display: block;
}


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой