HTML <aside> Tag

<!-- ...other content...	-->

<aside>
<h1>Apple Nutrition</h1>
<p>Apples are a great source of nutrition and are loaded with dietary fiber.</p>
</aside>

<!-- ...other content...	-->

How to Use the above Code

  1. Replace the aside content with your own.
  2. Place it anywhere within the body of the document.

W3C says this about 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.

Also, that 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.

An HTML document can have many <aside> elements.

An <aside> element can contain any flow content, but it cannot contain any <main> elements.