Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


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