<aside>: Элемент aside
Базовая линия Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
Элемент <aside> HTML представляет собой часть документа, содержание которой лишь косвенно связано с основным содержанием документа. Блоки aside часто представляются в виде боковых панелей или всплывающих окон.
Попробуйте
Атрибуты
Этот элемент включает только глобальные атрибуты.
Примечания по использованию
- Не используйте элемент
<aside>для выделения текста в скобках, так как такой текст считается частью основного потока.
Примеры
Использование <aside>
В этом примере используется <aside> для разметки абзаца в статье. Абзац лишь косвенно связан с основным содержанием статьи:
html
<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 | |
aside |
5 | 12 | 4 | 11.1 | 5 | 18 | 4 | 11.1 | 4.2 | 1.0 | 4.4 |
См. также
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/aside