Элемент <aside>
Элемент <aside>
(от англ. aside — в стороне, отдельно) представляет собой раздел страницы, содержимое которого имеет косвенное отношение к основному содержимому страницы. Такие разделы часто визуально отделяют от основного содержимого страницы, например, в печатной типографике они представляются как боковые панели.
В элементе <aside>
обычно размещают дополнительные комментарии, цитаты, справочную информацию, ссылки по теме или какую-нибудь рекламу.
Категории | Потоковое содержимое, секционное содержимое, явное содержимое. |
---|---|
Синтаксис | <aside>...</aside> |
Опускание тегов | Начальный и конечный теги обязательны. |
Модель содержимого | Потоковое содержимое, но не допускается в качестве потомка элемент <main> . |
Атрибуты
Для элемента <aside>
доступны глобальные атрибуты и события.
Стиль по умолчанию
Стиль по умолчанию для элемента <aside>
, определённый в спецификации HTML:
aside {
display: block;
}
Пример
aside {
width: 40%;
padding: 1rem;
margin-left: 0.5rem;
float: right;
background-color: #f0f8ff;
border-left: 5px solid #29627e;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
font-style: italic;
color: #29627e;
font-family: 'Arial', sans-serif;
}
aside > p {
margin: 0;
}
<article>
<p>Саламандры — это группа амфибий, которые имеют внешний
вид, похожий на ящериц, включая короткие ноги и хвост как
в личиночной, так и во взрослой формах.</p>
<aside>
<p>Грубокожий тритон защищается с помощью смертельного
нейротоксина.</p>
</aside>
<p>Несколько видов саламандр обитают в умеренном дождевом
лесу Тихоокеанского Северо-Запада, включая энсатины,
северо-западную саламандру и грубокожего тритона.
Большинство саламандр ведут ночной образ жизни и охотятся
на насекомых, червей и других мелких существ.</p>
</article>
Результат
Саламандры — это группа амфибий, которые имеют внешний вид, похожий на ящериц, включая короткие ноги и хвост как в личиночной, так и во взрослой формах.
Несколько видов саламандр обитают в умеренном дождевом лесу Тихоокеанского Северо-Запада, включая энсатины, северо-западную саламандру и грубокожего тритона. Большинство саламандр ведут ночной образ жизни и охотятся на насекомых, червей и других мелких существ.