Semantic & Interactive

<aside> Tag

Tangentially related content — sidebars, pull quotes, ads.

1Side Content

<aside> wraps content related to but separate from the main content. Sidebars, pull quotes, and ad blocks are typical examples.

Example Code

<article>
  <h2>Why HTML matters</h2>
  <p>Body content...</p>

  <aside>
    <h3>Related</h3>
    <ul>
      <li><a href="/css">Learn CSS</a></li>
      <li><a href="/js">Learn JavaScript</a></li>
    </ul>
  </aside>
</article>

Finished reading?

Mark this topic as complete to track progress.

Next Topic