HTML-элемент <aside> представляет собой часть документа, чье содержимое только косвенно связанно с основным содержимым документа. Чаще всего представлен в виде боковой панели, сносок или меток.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
| Категории контента | Основной поток, секционный контент, явный контент. |
|---|---|
| Разрешенное содержимое | Основной поток. |
| Пропуск тега | Ни одного; Оба тега, открывающий и закрывающий, являются обязательными. |
| Разрешенные родительские элементы | Любой элемент, который разрешает контент основного потока в качестве содержимого. Обратите внимание, что элемент <aside> не должен быть потомком элемента <address>. |
| Разрешенные роли ARIA | feed, note, presentation, region, search |
| DOM-интерфейс | HTMLElement |
Атрибуты
К этому элементу применимы только глобальные атрибуты.
Примечание
- Не используйте элемент
<aside>для пометки текста в скобках, так как этот вид текста считается частью основного потокового контента.
Примеры
<article>
<p>
Мультфильм студии Уолта Диснея <em>Русалочка</em>
был выпущен в 1989.
</p>
<aside>
<p>
Мультфильм заработал $87 миллионов во время первого выпуска.
</p>
</aside>
<p>
Подробнее об этом мультфильме...
</p>
</article>
Спецификации
| Спецификация | Статус | Комментарий |
|---|---|---|
| HTML Living Standard Определение '<aside>' в этой спецификации. |
Живой стандарт | |
| HTML5 Определение '<aside>' в этой спецификации. |
Рекомендация |
Поддержка браузерами
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Компьютеры | Мобильные | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
aside | Chrome Полная поддержка 5 | Edge Полная поддержка 12 | Firefox Полная поддержка 4 | IE Полная поддержка 9 | Opera Полная поддержка 11.1 | Safari Полная поддержка 5 | WebView Android Полная поддержка Да | Chrome Android Полная поддержка Да | Firefox Android Полная поддержка 4 | Opera Android Полная поддержка 11.1 | Safari iOS Полная поддержка 4.2 | Samsung Internet Android Полная поддержка Да |
Легенда
- Полная поддержка
- Полная поддержка