Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML Коды языков
Теги HTML

HTML тег <aside>

Поддержка браузерами

12.0+ 9.0+ 4.0+ 6.0+ 11.1+ 5.0+

Описание

HTML тег <aside> определяет раздел с содержимым, которое дополняет основное содержимое, но не является его неотъемлемой частью. Это может быть факультативная информация, которую можно легко удалить без ущерба для понимания основного содержимого. Элемент <aside> может содержать дополнительные комментарии, справочную информацию, список терминов, коллекцию ссылок по теме или даже рекламу, если объявления релевантны содержимому.

Если элемент <aside> является дочерним элементом одного из разделов страницы или статьи, то его содержимое должно непосредственно касаться статьи или содержимого раздела. Если он является прямым дочерним элементом <body>, то предполагается что его контент касается всей веб-страницы или сайта в целом, то есть его содержимое всегда должно быть релевантно содержимому его родительского элемента.

Элемент <aside> относиться к блочным элементам и может содержать любые HTML-элементы. Этот элемент может содержать даже полноценную статью, располагая ее в своем дочернем элементе <article> с верхним (<header>) и нижним (<footer>) колонтитулом.

Атрибуты

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

Стиль по умолчанию

aside {
    display: block;
} 

Пример

<p>Моя семья и я посетили Epcot центр этим летом.</p>
<aside>
  <h4>Epcot Центр</h4>
  Epcot центр это тематический парк Всемирного центра отдыха Уолта Диснея, в штате Флорида.
</aside> 

Результат данного примера в окне браузера:

Пример использования тега <aside>
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru

Реклама на сайте | puzinfo@puzzleweb.ru | ruen