설명
HTML5에서 도입되었음.
The HTML Aside Element (<aside>) represents a section of a page that consists of content that is tangentially related to the content around it, which could be considered separate from that content. Such sections are often represented as sidebars or as inserts; they often contains side explanation like a glossary definition, more loosely related stuff like advertisements, the biography of the author, or in web-applications, profile information or related blog links.
HTML5에서 소개된 <aside> 요소는 문서에 대한 부수적인 내용들을 보여주는 부분이다. 다시 말해서 내용(본문)과 분리된 부분을 표현한다. 그렇기 때문에 <aside>요소는 일반적으로 사이드바나 별첨 부분을 정의하기 위해서 사용된다. 또한 어휘 정의같은 설명이나 그 보다도 더 관련 없는 광고나, 저자 약력, 웹-어플리케이션에서의 사용자 정보, 관련 블로그 링크까지 본문의 흐름과 관계되지 않는 요소라면 모두 포함할 수 있다.
Do not use the <aside> element to tag parenthesized text, as this kind of text is considered part of the main flow.
이야기 본문 흐름에 들어갈 가능성이 있는 괄호로 묶은 텍스트, 태그도 <aside> 요소를 사용하면 안된다.
Usage Context
| Permitted content | Flow content |
| Tag omission | None, both the start tag and the end tag are mandatory |
| Permitted parent elements | Any element that accepts Flow content. Note that an <aside> element must not be a descendant of an <address> element. |
| Normative document | HTML5, section 4.4.5 |
속성
<aside>는 전역속성 외에 다른 속성을 가지고 있지 않다.
예제
<aside>
<p>Some content related to an <article></p>
</aside>
DOM Interface
본 엘리먼트는 HTMLElement 인터페이스를 구현한다.
호환성
| 기능 | 구글크롬 | 파이어폭스Gecko) | 인터넷 익스플로러 | Opera | Safari |
|---|---|---|---|---|---|
| 기본적인 지원 | 지원 | 4.0 (2.0) | 9.0 | 11.0 | 4.0 |
| 기능 | 안드로이드 | 파이어폭스 모바일(Gecko) | 인터넷 익스플로러 모바일 | 오페라 모바일 | 사파리 모바일 |
|---|---|---|---|---|---|
| 기본적인 지원 | ? | 4.0 (2.0) | ? | ? | ? |
