Главные новости

Тег <aside>

Тег <aside>

Internet Explorer Chrome Opera Safari Firefox Android iOS
9.0+ 6.0+ 10.6+ 4.0+ 4.0+ 2.2+ 3.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Определяет блок сбоку от контента для размещения рубрик, ссылок на архив, меток и другой информации. Такой блок, как правило, называется «сайдбар» или «боковая панель».

Синтаксис

<aside>  </aside>

Атрибуты

Для этого тега доступны универсальные атрибуты.

Закрывающий тег

Обязателен.

Пример:

<style>
aside {
background: #f0f0f0;
padding: 10px;
width: 200px;
float: right;
}
article {
margin-right: 240px;
display: block;
}
</style>
<header><h1>Байки</h1></header>
<aside>
<p>Экономьте электричество</p>
<p>Отличный голос</p>
<p>Чья палка больше тот и круче)</p>
</aside>
<article>Историй много, а байки всё равно никуда не делись</article>

Результат:

Байки

Историй много, а байки всё равно никуда не делись