САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

На сайте нет рекламы

HTML Тег <aside>



Пример

Отображение отдельного содержимого, из самого содержимого, в которое оно помещено:

<p>Этим летом мы с семьей посетили Центр Epcot. Погода была хорошая, и Epcot был восхитителен! Я отлично провел лето вместе со своей семьей!</p>

<aside>
<h4>Центр Epcot</h4>
<p>Epcot - это тематический парк на курорте Walt Disney World Resort с захватывающими достопримечательностями, международные павильоны, отмеченные наградами фейерверки и сезонные специальные мероприятия.</p>
</aside>
Попробуйте сами »

Определение и использование

Тег <aside> определяет некоторый контент помимо контента, в который он помещен.

Содержание в стороне должно быть косвенно связано с окружающим содержанием.

Совет: Тег <aside> контент часто размещается в документе в виде боковой панели.

Примечание: Элемент <aside> не отображается как что - то особенное в браузере. Однако вы можете использовать CSS для стилизации элемент <aside> (смотрите пример ниже).


Поддержка браузеров

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.

Элемент
<aside> 6.0 9.0 4.0 5.0 11.1

Глобальные атрибуты

Тег <aside> также поддерживает Глобальные атрибуты в HTML.


События атрибутов

Тег <aside> также поддерживает События атрибутов в HTML.



Еще примеры

Пример

Используйте 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>
Попробуйте сами »

Связанные страницы

HTML DOM справочник: Объект aside


Настройки CSS по умолчанию

Большинство браузеров будут отображать элемент <aside> со следующими значениями по умолчанию:

aside {
  display: block;
}