Belajar Element HTML: <aside>

Tag <aside> digunakan untuk membuat elemen aside yang mewakili konten yang terkait dengan konten utama dalam artikel atau halaman website.

Elemen aside biasanya ditampilkan sebagai sidebar atau widget halaman website.

Syntax

Tag <aside> ditulis seperti <aside></aside> dengan konten aside diselipkan diantara tag pembuka dan penutup.

<aside>
  Konten aside disini ...
</aside>

<main>
  <h1>My blog post</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.</p>
  <p>etc.</p>
</main>
<aside>
  <h3>About the author</h3>
  <p>Frontend Designer from Bordeaux, currently working for Improbable in sunny London.</p>
</aside>

Pengaturan Default CSS

Sebagian besar browser menampilkan elemen <aside> dengan pengaturan CSS:

aside {
  display: block;
}