Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

HTML Справочник


HTML Теги



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;
}


×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.