Тег <aside>

Сопутствующая информация
  • Категории: Потоковое содержимое, Секционное содержимое
  • Контекст:

    Где ожидается потоковое содержимое.

  • Модель:

    Потоковое содержимое, кроме элемента <main>.

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

  • сквозные колонки с рекламой, категориями, тегами
  • различные виджеты
  • и т.д.

Атрибуты

  • Глобальные атрибуты
  • Sidebar сайта

    Sidebar - это вспомогательная колонка сайта, которая располагается справа, слева или с обеих сторон основного содержимого. Как правило, он содержат сквозную и не уникальную информацию: категории, последние комментарии, рекламу, различные виджеты и т.д.

    И если основную часть сайта мы должны обозначить через тег <main>, то для этой части <aside> подойдет как нельзя лучше:

  • Внутри основного содержимого

    В отличии от <main>, страница может содержать любое количество элементов <aside>. Причем они могут находиться как вне основного содержимого, так и внутри него. Например, если наша основная статья содержит рекламные вставки, либо, мы дублируем и выносим из текста какую-то цитату для усиления ее эффекта:

  • Косвенная информация

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

Поделитесь данной записью с друзьями