🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

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

<main>
  <h1>Заголовок страницы</h1>
  <p>Основной контент страницы</p>
</main>
<aside>
  <h2>Навигация по странице</h2>
  <ul>
    <li><a href="#section1">Раздел 1</a></li>
    <li><a href="#section2">Раздел 2</a></li>
    <li><a href="#section3">Раздел 3</a></li>
  </ul>
</aside>

⚠️ Не рекомендуется использовать более одного <aside> на странице.

Чем заменить тег

Тег <aside> сложно заменить, потому что он семантичен. Но если вы по какой-то причине не хотите его использовать, можете заменить тег на <div> с соответствующим классом или другой семантический тег, такой как <section> или <nav>.