Элемент <aside>
Элемент <aside> (от англ. aside — в стороне, отступление) представляет собой раздел страницы, который имеет косвенное отношение к содержимому страницы и может быть рассмотрен отдельно от этого содержимого. <aside> применяется для боковых панелей, рекламных блоков, ссылок на архив, меток и другой информации, которая отделена от основного содержимого страницы.
Синтаксис
<aside> </aside>
Атрибуты
Для этого элемента доступны универсальные атрибуты и события.
Пример
Код примера скопирован в буфер
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>aside</title> <style> aside { background: #f0f0f0; padding: 10px; width: 200px; float: right; } article { margin-right: 240px; } </style> </head> <body> <header><h1>Байки</h1></header> <aside> <p>Экономьте электричество</p> <p>Хороший язык</p> <p>Чья палка больше</p> </aside> <article> История о том, как приходилось экономить электричество, какие меры для этого принимались, и куда оно на самом деле уходило. </article> </body> </html>
Результат данного примера показан на рис. 1.
Рис. 1. Боковая панель на странице
Спецификация
Браузеры
9 | 12 | 5 | 11.1 | 5 | 4 |
4.4 | 4 | 12 | 4.2 |