Элемент section

Последнее обновление: 08.04.2016

Элемент section объединяет связанные между собой куски информации html-документа, выполняя их группировку. Например, section может включать набор вкладок на странице, новости, объединенные по категории и т.д.

Каждый элемент section должен быть идентифицирован с помощью заголовка h1-h6.

При этом элемент section может содержать несколько элементов article, выполняя их группировку, так и один элемент article может содержать несколько элементов section.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Семантическая разметка в HTML5</title>
	</head>
	<body>
		<article>
			<h1>Lorem ipsum</h1>
			<section>
				<h2>Содержание</h2>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh 
				euismod tincidunt ut laoreet dolore magna aliquam erat ...</p>
			</section>
			<section>
				<h3>Комментарии</h3>
				<article>
					<h4>Неплохо</h4>
					<p>Норм статья</p>
				</article>
				<article>
					<h4>Бред</h4>
					<p>Мне не понравилось...</p>
				</article>
				<article>
					<h4>Непонятно</h4>
					<p>О чем вообще все это?</p>
				</article>
			</section>
		</article>
	</body>
</html>
Семантическая разметка и элемент section в HTML5

Здесь для блока основного содержимого создается секция и для набора комментариев также создается элемент section.

НазадСодержаниеВперед

Помощь сайту
Юмани:
410011174743222
Перевод на карту
Номер карты:
4048415020898850