Тег aside

Справочник:

Тег

Характеристики атрибута

В каких браузерах работает?


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>

Какие атрибуты поддерживаются?

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

Закрытый тег

Да.

Пример использования

<html>
 <head>
  <meta charset="utf-8">
  <title>Тег aside</title>
  <script>
   document.createElement('aside');
   document.createElement('article');
  </script>
  <style>
   aside {
    background: #eee;
    padding: 20px;
    width: 300px;
    float: left;
   }
   span {
    width: 340px;
    display: block;
   }
  </style>
 </head>
 <body>
  <h1>Пример</h1>
  <aside>
   <p>Последние новости</p>
   <p>Популярное</p>
   <p>прочее</p>
  </aside>
  <span>
   Немного текста ни о чем, чтобы хоть как-то и чем-то заполнить
 пустое место справа. Лучше не читайте, не тратьте свое
 время на это, а смотрите как работает тег.
  </span>
 </body>
</html>

Скрипт в примере используется для того, чтобы версии IE до 8 также воспринимали этот тег.

По итогу получаем

Тип html тега:

HTML5

Документ