aside Complementary Content
Use aside for sidebars and tangentially related content.
The aside Element
The <aside> element marks content that is tangentially related to the surrounding content:
- It can be separated from the main content without losing the main content's meaning
- Think: sidebars, call-out boxes, pull quotes, advertising
aside in an Article
Within an article, aside marks info related but not essential to the narrative:
<article>
<h2>How the Internet Works</h2>
<p>The Internet is a global network of computers...</p>
<aside>
<h3>Did You Know?</h3>
<p>The first email was sent in 1971 by Ray Tomlinson.</p>
</aside>
<p>Data travels in packets across routers...</p>
</article>All lessons in this course
- aside Complementary Content
- figure and figcaption Revisited
- details and summary Disclosure Widget
- The progress and meter Elements