HTML-тег <aside>

Характеристики

Тип: блочный, статичный, семантический
Назначение: Представляет контент, который косвенно связан с основным контентом страницы, например, боковые панели, сноски или дополнительные материалы.
Родители: Любые HTML-теги, которые могут содержать блочные элементы, например, <body>, <article>, <section>.
Потомки: Любые HTML-теги, которые могут содержать дополнительный контент.
Глобальные атрибуты: все
Атрибуты событий: все

Пример использования

<aside>
  <h2>Боковая панель</h2>
  <p>Дополнительная информация...</p>
</aside>

Использование в JavaScript

// Получение элемента <aside>
const asideElement = document.querySelector('aside');

// Добавление класса
asideElement.classList.add('sidebar');

// Скрытие элемента
asideElement.style.display = 'none';

Рекомендации по обеспечению доступности (a11y)

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

Полезные ссылки