| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 9.0 + | 6.0 + | 10.6 + | 4.0 + | 4.0 + | 2.2 + | 3.0 + |
Специфікація
| HTML: | 3.2 | 4.01 | 5.0 | XHTML: | 1.0 | 1.1 |
Опис
визначає т блок збоку від контенту для розміщення рубрик, посилань на архів, міток та іншої інформації. Такий блок, як правило, називається «сайдбар» або «бічна панель».
Синтаксис
<aside> </aside>
атрибути
Для цього тега доступні універсальні атрибути .
Закриваючий тег
Обов'язковий.
Приклад
HTML5 IE Cr Op Sa Fx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
aside </title>
<script>
document.createElement ( 'aside'); document.createElement ( 'article'); </script>
<style>
aside {background: #f0f0f0; padding: 10px; width: 200px; float: right; } Article {margin-right: 240px; display: block; } </style>
</head>
<body>
<header>
<h1>
Байки </h1>
</header>
<aside>
<p>
Економте електрику </p>
<p>
Хороший мову </p>
<p>
Чия палиця більше </p>
</aside>
<article>
Історія про те, як доводилося економити електрику, які заходи для цього приймалися, і куди воно насправді йшло. </article>
</body>
</html>
Результат даного прикладу показаний на рис. 1.
Браузери
Internet Explorer до версії 8.0 включно ігнорує тег <aside> , але відображає його вміст . Також в цьому браузері будь-які стилі не застосовуються до елементу, поки він не створений через скрипт, як показано в прикладі.
Firefox повністю підтримує цей тег починаючи з версії 4.0, але версії 3.0 і старше також коректно відображають вміст тега.