Начало распродаж · Скидка на доставку · Поступление новой коллекции

BELAYA KASKA / FEATURE

designАвтор: Пуск‑Медиа (импорт)Просмотры: 3

<aside>: боковая колонка и complementary landmark

Когда aside уместен, а когда нет.

Изображение статьи: <aside>: боковая колонка и complementary landmark

Элемент <aside> обозначает контент, дополняющий основной (related, not central) — сайдбар с «Похожие статьи» или блок «Скачать PDF» рядом с longread.

Не оборачивайте в aside всю правую колонку с формой заявки, если она — главная цель страницы лендинга.

- [<aside> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside) — Семантика complementary.

- [Landmark regions — W3C](https://www.w3.org/WAI/ARIA/apg/practices/landmark-regions/) — complementary role.

---

## Стили

Aside не задаёт ширину — layout по-прежнему на grid/flex родителя.

#HTML#a11y#layout

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.