Тег <section>

IE
9.0+
Chrome
6.0+
Opera
10.6+
Safari
5.0+
Firefox
4.0+
Android
2.2+
iOS
3.0+

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

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

<section></section>

Атрибуты

Для тега <section> доступны глобальные атрибуты и события.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег section</title>
  <style>
	section {
	display:inline-block;
	vertical-align:top;
	width: 300px;
	}
	section:first-child {
	width:600px;
	padding-right:20px;
	margin-right:20px;
	border-right:1px solid grey;
	}
	nav a {
	display:block;
	margin-left:5px;
	}
  </style>
 </head> 
 <body>
  <section>
   <header>Разработка сайтов и веб-приложений</header>
   <p>Создание, поддержка и продвижение сайтов, 
   проектирование и внедрение приложений для 
   мобильных устройств, социальных сетей и т.д. 
   Готовые решения. Портфолио.</p>
  </section>
  <section>
   <header>Документация</header>
   <nav>
	<a href="/html">HTML</a>
	<a href="/csS">CSS</a>
	<a href="/javascript">Javascript</a>
   </nav>
  </section>
 </body>
</html>

Результат данного примера показан на рисунке ниже:

Браузеры

Internet Explorer до версии 8.0 включительно игнорирует тег <section>, но отображает его содержимое. Также в этом браузере любые стили не применяются к селектору SECTION.

Firefox полностью поддерживает этот тег начиная с версии 4.0, но версии 3.0 и старше также корректно отображают содержимое тега.

Категория: HTML5, Документ

Статьи по теме