Элемент aside

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

Элемент aside представляет содержимое, которое косвенно связано с остальным контентом веб-станицы и которое может рассматриваться независимо от него. Данный элемент можно использовать, например, для сайдбаров, для рекламных блоков, блоков навигационных элементов, различных плагинов типа твиттера или фейсбука и т.д.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Семантическая разметка в HTML5</title>
	</head>
	<body>
		<aside style="float:right; width:200px;">
			<h2>Скидки на Microsoft Lumia 950</h2>
			<p>Только до 31 марта смартфон Microsoft Lumia 950 стоит на 10 000 рублей дешевле. В 
				подарок вы получите бесплатный чупа-чупс. <a href="buy/id=3">Купить</a></p>
		</aside>
		<article>
			<h2>Релиз Samsung Galaxy S7</h2>
			<p>Состоялcя выход нового флагмана от компании Samsung Galaxt S7. Вместе с новым флагманом компания 
			Samsung представила новый шлем виртуальной реальности Gear VR...</p>
		</article>
	</body>
</html>
Элемент aside в HTML5

Здесь содержимое блока aside довольно косвенно связано с основным контентом из элемента article. Поэтому все это содержимое мы можем поместить в aside.

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

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