<aside> - HTML елемент бічної панелі

Тег <aside> представляє собою розділ сторінки, вміст якого лише опосередковано пов'язаний з основним вмістом документа. Зазвичай використовується для бічних панелей, виносок або реклами.

Елемент <aside> використовується для контенту, який не є частиною основного потоку, але може бути корисним у контексті. Це можуть бути глосарії, біографії авторів, посилання на схожі статті або рекламні блоки.

HTML
<aside>
  <h3>Про автора</h3>
  <p>Інформація про автора статті...</p>
</aside>

Атрибути

Цей тег може мати глобальні атрибути.

Технічне резюме

Категорія контенту	Потоковий контент, секційний контент, відчутний контент.
Дозволений вміст	Потоковий контент.
Пропуск тегів	Жоден, початковий і закриваючий теги є обов’язковими.
Дозволений батьківський елемент	Будь-який елемент, що приймає потоковий контент. Елемент `<aside>` не повинен бути нащадком елемента `<address>`.
Роль ARIA за замовчуванням	`complementary`
Дозволені ARIA ролі	`feed`, `note`, `presentation`, `none`, `region`, `search`
DOM інтерфейс	`HTMLElement`

Приклади використання

<article>
  <p>Основний вміст статті...</p>
  <aside>
    <h4>Цікавий факт</h4>
    <p>Бджоли можуть розпізнавати людські обличчя.</p>
  </aside>
</article>

Стилі за замовчуванням

CSS
aside {
  display: block;
}

Підтримка браузерів



`<aside>`