Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег aside

Дата:10.09.15 в 13:06
Справочник: 

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

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

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 также воспринимали этот тег.

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

aside

Оценка: 
Оценок: 1 (средняя 5 из 5)
Тип html тега: 
Понравилась статья? Расскажите о ней друзьям: