Элемент <aside>

Элемент <aside> (от англ. aside — в стороне, отступление) представляет собой раздел страницы, который имеет косвенное отношение к содержимому страницы и может быть рассмотрен отдельно от этого содержимого. <aside> применяется для боковых панелей, рекламных блоков, ссылок на архив, меток и другой информации, которая отделена от основного содержимого страницы.

Синтаксис

<aside>
</aside>

Атрибуты

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

Пример

Код примера скопирован в буфер
<!DOCTYPE html>
<html lang="ru">
 <head>
  <meta charset="utf-8">
  <title>aside</title>
  <style>
   aside {
    background: #f0f0f0;
    padding: 10px;
    width: 200px;
    float: right;
   }
   article {
    margin-right: 240px;
   }
  </style>
 </head> 
 <body>
  <header><h1>Байки</h1></header>
  <aside>
   <p>Экономьте электричество</p>
   <p>Хороший язык</p>
   <p>Чья палка больше</p>
  </aside>
  <article>
   История о том, как приходилось экономить электричество, 
   какие меры для этого принимались, и куда оно на самом деле уходило.
  </article>
 </body> 
</html>

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

Боковая панель на странице

Рис. 1. Боковая панель на странице

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

Браузеры

9 12 5 11.1 5 4
4.4 4 12 4.2

Практика