HTML · справочник
Тег aside
aside содержит дополнительную информацию, косвенно связанную с окружающим материалом. Без неё основной текст должен оставаться понятным.
Дополнение к статье
Внутри статьи aside подходит для справки, короткой биографии, предупреждения или ссылки на связанный материал.
<article>
<h1>CSS Grid</h1>
<p>Основное объяснение...</p>
<aside>Перед Grid полезно повторить блочную модель.</aside>
</article>Боковая колонка страницы
Aside может быть соседним элементом main-содержимого и содержать подборку популярных статей. Визуальная боковая позиция не обязательна: её определяет CSS.
<main>...</main>
<aside aria-labelledby="popular-title">
<h2 id="popular-title">Популярные уроки</h2>
<ul>...</ul>
</aside>Частые ошибки
- Весь основной контент внутри aside.
- Выбор тега только по положению.
- Дополнение без связи с материалом.
- Рекламный блок без понятной маркировки.
Практика
Добавь к статье примечание с определением и отдельную подборку из трёх связанных материалов. Проверь, понятна ли статья без этих блоков.