/html/aside:> Блок дополнительной информации_
Элемент aside
Синтаксис
HTML
<aside> ... </aside>
Описание
Элемент aside
(от англ. "aside" ‒ «в стороне, отдельно») объединяет в отдельный блок определённую, связанную между собой (по смыслу), информацию (цитаты, метки, примечания, рубрики и так далее). Как правило, данный блок размещается сбоку (слева | справа) от основного текста документа (например, статьи) так как содержимое элемента не должно быть частью основного текста страницы. Так же элемент должен быть косвенно связан с окружающим содержимым страницы.
Примечание
Допускается (но не рекомендуется) использовать данный элемент для создания боковой панели навигации. В данном случае лучше встроить его (с расположенным между ним контентом) в боковую панель в роли блока дополнительной информации.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | |
5.0 | 4.3.5 The aside element |
5.1 | 4.3.5. The aside element |
XHTML | |
1.0 | |
1.1 |
Атрибуты
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент aside</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Заголовок темы</h1>
<aside><b>Подтема 1</b> | <b>Подтема 2</b> | <b>Подтема 3</b> | <b>...</b></aside>
<article>
<h2>Тема</h2>
<p>Здесь будет располагаться информация о вышеуказанной теме.</p>
</article>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент aside</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Заголовок темы</h1>
<aside><b>Подтема 1</b> | <b>Подтема 2</b> | <b>Подтема 3</b> | <b>...</b></aside>
<article>
<h2>Тема</h2>
<p>Здесь будет располагаться информация о вышеуказанной теме.</p>
</article>
</body>
</html>
Элемент aside