HTML <aside> Tag

By Jonathan Griffin. Editor, SEO Consultant, & Developer.

· 1 min read

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 the role attribute](https://www.thewebmaster.com/develop/web/html/attributes/title-attribute/).

Attributes

The <aside> element only supports the Global Attributes.

Specification

Browser Support

Desktop

ChromeEdgeFirefoxIEOperaSafari
YesYesYesYesYesYes

Mobile

Android WebviewChrome AndroidFirefox AndroidOpera AndroidiOS SafariSamsung Internet
YesYesYesYesYesYes