Справочник HTML & CSS

<aside>

Дополнительный блок, связанный с основным содержимым косвенно: боковая колонка, врезка, реклама.

Синтаксис

<aside>…</aside>

Примеры

Врезка рядом с текстом:

<style>
  aside { float: right; width: 140px; margin-left: 12px; padding: 8px; background: #f0f0f0; font-size: 14px; }
</style>
 
<article>
  <aside>Tip: grind beans right before brewing.</aside>
  <p>To make a great pour-over, heat the water to 94 °C and pour it slowly in circles over the coffee. Wait three minutes and enjoy.</p>
</article>

Примечания

Содержимое <aside> можно убрать, и основной текст не потеряет смысла. Положение на экране задаёт CSS — тег не обязан быть справа или слева.

См. также

<main> — Основное содержимое страницы — то, ради чего её открыли.
<article> — Самостоятельный фрагмент, понятный и вне страницы: статья, пост, отзыв, карточка товара.
<section> — Тематический раздел страницы с собственным заголовком.

В учебнике

Семантическая разметка — Нейтральные div и span и смысловые теги header, nav, main, article, section, aside и footer для разметки страницы.