HTML тег <aside>

Элемент <aside> (от англ. "aside" ‒ «в стороне, отдельно») объединяет в отдельный блок определённую, связанную между собой (по смыслу), информацию (цитаты, метки, примечания, рубрики и так далее). Элемент <aside> обычно применяется для разметки на сайте боковых панелей, блоков рекламы, группирования элементов <nav> и другого контента, который может быть рассмотрен отдельно от основного содержимого страницы. Такие разделы можно сравнить с боковыми колонками (sidebar) в печатной типографии. Так же элемент должен быть косвенно связан с окружающим содержимым страницы.

Семантика элемента <aside> зависит от того, где он находится. Если данный элемент вложен внутрь некоторого секционного элемента, то он рассматривается по отношению к его контенту. А если элемент aside не имеет секционных элементов в качестве своих предков, то он уже будет относиться ко всему документу.

Примечание: Элемент <aside> не может содержать элемент <main> в качестве своего потомка.

Синтаксис

<aside>...</aside>

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

Обязателен.

Атрибуты

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

Стилизация по умолчанию

Большинство браузеров отобразит элемент <aside> со следующими значениями CSS по умолчанию:

aside { 
    display: block;
}

Различия между HTML 4.01 и HTML5

Элемент <aside> является новым в HTML5.

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

Элемент <aside>

Пример HTML:

Попробуй сам
<aside>
   <p>Настенные кондиционеры</p>
   <p>Напольные кондиционеры</p>
   <p>Подпотолочные кондиционеры</p>
  </aside>

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

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Поддержка браузерами



Contema