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
- Replace the aside content with your own.
- 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.