Definition
The <aside>
tag is used to hold indirectly-related but separate content to the document’s main content. They are commonly used for sidebars, author information, pull-quotes, and call-out boxes.
Example
<p>The United Kingdom left Europe after the Brexit Referendum.</p>
<aside>
<h2>United Kingdom</h2>
<p>The United Kingdom of Great Britain and Northern
Ireland is a sovereign country in north-western Europe,
off the north-western coast of the European mainland.</p>
</aside>
Usage
- The
<aside>
tag contains content that is ancillary to the content it is placed within. Examples include:- Comments
- Pull Quotes
- Sidebars
- Additional information
- Bibliography or endnotes
- Groups of sidebar
<nav>
elements Do not use the<aside>
element for parentheticals, as they are part of the document’s main flow.
- Assistive technology may convey the semantics of the
<aside>
element to users via therole
attribute](https://www.thewebmaster.com/html/attributes/title-attribute/).
Attributes
The <aside>
element only supports the Global Attributes.
Specification
Browser Support
Desktop
Chrome | Edge | Firefox | IE | Opera | Safari |
---|---|---|---|---|---|
Yes | Yes | Yes | Yes | Yes | Yes |
Mobile
Android Webview | Chrome Android | Firefox Android | Opera Android | iOS Safari | Samsung Internet |
---|---|---|---|---|---|
Yes | Yes | Yes | Yes | Yes | Yes |