HTML - <aside>

The HTML <aside> element represents a section of the page with content connected tangentially to the rest, which could be considered separate from that content. These sections are often represented as sidebars or inserts. They often contain the definitions on the sidebars, such as definitions from the glossary; there may also be other types of information, such as related advertisements; the biography of the author; web applications; profile information or related links on the blog.

Example

HTML

Copy Code

<article>
  <p>
    The Disney movie <em>The Little Mermaid</em> was
    first released to theatres in 1989.
  </p>
  <aside>
    The movie earned $87 million during its initial release.
  </aside>
  <p>
    More info about the movie...
  </p>
</article>

Description

Usage notes:

Do not use the <aside> element to tag parenthesized text, as this kind of text is considered part of the main flow.

Content categories	Flow content, sectioning content, palpable content.
Permitted content	Flow content.
Tag omission	None, both the starting and ending 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.
DOM interface	`HTMLElement`

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	5	4.0 (2.0)	9.0	11.10	4.1

Feature	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	2.2	4.0 (2.0)	9.0	11.0	4.2

Specifications

Specification	Status	Comment
WHATWG HTML Living Standard The definition of '<aside>' in that specification.	Living Standard
HTML5 The definition of '<aside>' in that specification.	Recommendation

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/html/element/aside

Element HTML HTML sections HTML5 Reference Web