HTML Тег <aside>
Отображение отдельного содержимого, из самого содержимого, в которое оно помещено:
<p>Этим летом мы с семьей посетили Центр Epcot.
Погода была хорошая, и Epcot был восхитителен! Я отлично провел лето вместе со своей семьей!</p>
<aside>
<h4>Центр Epcot</h4>
<p>Epcot - это тематический парк на курорте Walt Disney World Resort с захватывающими достопримечательностями,
международные павильоны, отмеченные наградами фейерверки и сезонные специальные мероприятия.</p>
</aside>
Попробуйте сами »
Определение и использование <aside>
Тег <aside> определяет некоторый контент помимо контента, в который он помещен.
Содержание в стороне должно быть косвенно связано с окружающим содержанием.
Совет: Тег <aside> контент часто размещается в документе в виде боковой панели.
Примечание: Элемент <aside> не отображается как что - то особенное в браузере. Однако вы можете использовать CSS для стилизации элемент <aside> (смотрите пример ниже).
Поддержка браузеров <aside>
Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.
| Элемент | |||||
|---|---|---|---|---|---|
| <aside> | 6.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Глобальные атрибуты <aside>
Тег <aside> также поддерживает Глобальные атрибуты в HTML.
События атрибутов <aside>
Тег <aside> также поддерживает События атрибутов в HTML.
Еще примеры <aside>
Используйте CSS для стилизации элемент <aside>:
<html>
<head>
<style>
aside {
width: 30%;
padding-left: 15px;
margin-left: 15px;
float: right;
font-style: italic;
background-color: lightgray;
}
</style>
</head>
<body>
<h1>Тег aside</h1>
<p>Этим летом мы с семьей посетили Центр Epcot.
Погода была хорошая, и Epcot был восхитителен! Я отлично провел лето вместе со своей семьей!</p>
<aside>
<p>Epcot - это тематический парк на курорте
Walt Disney World Resort с захватывающими достопримечательностями,
международные павильоны, отмеченные наградами фейерверки и сезонные специальные мероприятия.</p>
</aside>
<p>Этим летом мы с семьей посетили Центр Epcot.
Погода была хорошая, и Epcot был восхитителен! Я отлично провел лето вместе со своей семьей!</p>
<p>Этим летом мы с семьей посетили Центр Epcot.
Погода была хорошая, и Epcot был восхитителен! Я отлично провел лето вместе со своей семьей!</p>
</body>
</html>
Попробуйте сами »
Связанные страницы <aside>
HTML DOM справочник: Объект aside
Настройки CSS по умолчанию <aside>
Большинство браузеров будут отображать элемент <aside> со следующими значениями по умолчанию:
aside {
display: block;
}