HTML тег <aside>

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


12.0+	9.0+	4.0+	6.0+	11.1+	5.0+

Описание

HTML тег <aside> определяет раздел с содержимым, которое дополняет основное содержимое, но не является его неотъемлемой частью. Это может быть факультативная информация, которую можно легко удалить без ущерба для понимания основного содержимого. Элемент <aside> может содержать дополнительные комментарии, справочную информацию, список терминов, коллекцию ссылок по теме или даже рекламу, если объявления релевантны содержимому.

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

Элемент <aside> относиться к блочным элементам и может содержать любые HTML-элементы. Этот элемент может содержать даже полноценную статью, располагая ее в своем дочернем элементе <article> с верхним (<header>) и нижним (<footer>) колонтитулом.

Атрибуты

Тег <aside> поддерживает Глобальные атрибуты и События

Стиль по умолчанию

aside {
    display: block;
}

Пример

<p>Моя семья и я посетили Epcot центр этим летом.</p>
<aside>
  <h4>Epcot Центр</h4>
  Epcot центр это тематический парк Всемирного центра отдыха Уолта Диснея, в штате Флорида.
</aside>

Результат данного примера в окне браузера: