Тег <aside>

Описание

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

Боковая панель:
<aside> <h3>Дополнительная информация</h3> <p>Здесь могут быть ссылки, заметки или реклама.</p> </aside>
Цитата в статье:
<article> <p>Основной текст статьи...</p> <aside> <blockquote>Интересная цитата по теме.</blockquote> </aside> </article>
Рекламный блок:
<aside class="advertisement"> <p>Рекламный баннер или предложение.</p> </aside>

Тег <aside> помогает улучшить структуру документа, отделяя второстепенный контент от основного, что важно для семантики и доступности веб-страницы.

Атрибуты

accesskey Горячая клавиша для активации элемента
autocapitalize Автоматическое изменение регистра при вводе
class CSS-класс для стилизации
contenteditable Разрешает редактирование содержимого
data-* Пользовательские данные
dir Направление текста (ltr/rtl)
draggable Разрешает перетаскивание элемента
hidden Скрывает элемент
id Уникальный идентификатор
inputmode Подсказка для виртуальной клавиатуры
is Указывает пользовательский элемент
itemid Глобальный идентификатор для микроразметки
itemprop Свойство элемента для микроразметки
itemref Связи между элементами микроразметки
itemscope Определяет область микроразметки
itemtype Тип элемента для микроразметки
lang Язык содержимого
part Имя части элемента для CSS
slot Назначение слота для теневого DOM
spellcheck Проверка орфографии
style Инлайновые CSS-стили
tabindex Порядок перехода по Tab
title Всплывающая подсказка
translate Определяет, нужно ли переводить текст

Поддержка браузерами
9.0 6.0 10.6 4.0 4.0