(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-66923408-1', 'auto'); ga('send', 'pageview');

Using Aside

There is actually some confusion and even disagreement over the exact nature and purpose of <aside>, so let's look at the HTML5 specification:

The aside element represents a section of a page that consists of content that is tangentially related to the content around the aside element, and which could be considered separate from that content. Such sections are often represented as sidebars in printed typography.
The element can be used for typographical effects like pull quotes or sidebars, for advertising, for groups of nav elements, and for other content that is considered separate from the main content of the page.

This means that any of the following may be valid uses of the <aside> element:

  • bibliography or endnotes
  • comments
  • pull quotes
  • editorial sidebars
  • additional information
  • website sidebars unrelated to the content
  • The following are most likely not good uses of the <aside> element:

  • article post data (byline, publication date, etc.)
  • post-specific navigation, such as next and previous or related posts
  • Note that while the above list is somewhat conjectural, there is one potential use of <aside> which is specifically prohibited by the specification: parenthetical information within the flow of an article.

    Code Example

    <!-- Several potential placements for <aside> -->
            <h1>Title of Article</h1>
            <!-- Post Data: Byline, dateline -->
          <!-- Article Content -->
            <aside><!-- Pull Quote --></aside>
            <!-- Comment Section -->
            <!-- Post Date: Tags, Categories, Navigation -->
        <!-- Website sidebar: Advertising, Post Index, Login Forms -->
    Adam Wood
    Adam is a technical writer who specializes in developer documentation and tutorials.

    Browser Support for aside