HTML - Tags - <aside>

#8 of 147

aside

The aside element

article aside details figcaption figure footer header main mark nav section summary time

HTML5 Semantic


 <html>
 <body>
      <article>
          <header>
              <h1>Collision with a parallel universe?</h1>
              A cosmic cold spot in the heavens continues to perplex scientists.
          </header>
          <section class="article-text">
              <p>New data suggests that a giant cold spot in the microwave
              background radiation of our universe could be a bruise
              from a collision with a parallel universe.</p>
          </section>
          <aside>
              <p>Did you know: The Cosmic Background Radiation (CMB)
              is the heat left over from the Big Bang.</p>
          </aside>
          <section class="comment-list">
              <p>Your Comments:</p>
              <article class="comment">
                  <p>Comment1</p>
              </article>
          </section>
          <footer>
              <small>Copyright 2017 by Jane Roe</small>
          </footer>
      </article>
 </body>
 </html>

The aside element is used to create a literary sidebar to the main article.

A live example:

Collision with a parallel universe?

A cosmic cold spot in the heavens continues to perplex scientists.

New data suggests that a giant cold spot in the microwave background radiation of our universe could be a bruise from a collision with a parallel universe.