`<aside>` элемент HTML aside

Baseline Широко доступно

Эта возможность хорошо зарекомендовала себя и работает во многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.

Подробнее
Посмотреть полную таблицу совместимости
Отправить отзыв

Элемент <aside> HTML представляет собой часть документа, содержимое которой лишь косвенно связано с основным содержимым документа. Элементы aside часто отображаются в виде боковых панелей или выносных блоков.

Попробуйте

<p>
  Salamanders are a group of amphibians with a lizard-like appearance, including
  short legs and a tail in both larval and adult forms.
</p>

<aside>
  <p>The Rough-skinned Newt defends itself with a deadly neurotoxin.</p>
</aside>

<p>
  Several species of salamander inhabit the temperate rainforest of the Pacific
  Northwest, including the Ensatina, the Northwestern Salamander and the
  Rough-skinned Newt. Most salamanders are nocturnal, and hunt for insects,
  worms and other small creatures.
</p>

aside {
  width: 40%;
  padding-left: 0.5rem;
  margin-left: 0.5rem;
  float: right;
  box-shadow: inset 5px 0 5px -5px #29627e;
  font-style: italic;
  color: #29627e;
}

aside > p {
  margin: 0.5rem;
}

Атрибуты

Этот элемент включает только глобальные атрибуты.

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

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

Примеры

Использование <aside>

В этом примере <aside> используется для разметки абзаца в статье. Абзац лишь косвенно связан с основным содержимым статьи:

<article>
  <p>
    The Disney movie <cite>The Little Mermaid</cite> was first released to
    theatres in 1989.
  </p>
  <aside>
    <p>The movie earned $87 million during its initial release.</p>
  </aside>
  <p>More info about the movie…</p>
</article>

Результат

Техническая сводка

Категории содержимого	Потоковое содержимое, секционное содержимое, осязаемое содержимое.
Допустимое содержимое	Потоковое содержимое.
Пропуск тегов	Не допускается, обязательны как открывающий, так и закрывающий тег.
Допустимые родительские элементы	Любой элемент, допускающий потоковое содержимое. Обратите внимание, что элемент `<aside>` не должен быть потомком элемента `<address>`.
Неявная роль ARIA	`complementary`
Допустимые роли ARIA	`feed`, `none`, `note`, `presentation`, `region`, `search`
Интерфейс DOM	`HTMLElement`

Спецификации

Спецификация
HTML> # the-aside-element>

Совместимость с браузерами

	Компьютеры					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome для Android	Firefox для Android	Opera для Android	Safari на IOS	Samsung Internet	WebView для Android	WebView на iOS
`aside`	5	12	4	11.1	5	18	4	11.1	4.2	1.0	4.4	4.2

См. также

Другие элементы, связанные с секциями: <body>, <article>, <section>, <nav>, h1, h2, h3, h4, h5, h6, <hgroup>, <header>, <footer>, <address>;
Использование секций и структуры HTML
ARIA: дополнительная роль

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/aside

<aside> элемент HTML aside