FOOMBET – Tag <aside> dalam HTML digunakan untuk menandai konten tambahan yang berhubungan dengan konten utama suatu halaman web, tetapi bukan bagian utama dari konten tersebut. Konten di dalam tag <aside> biasanya berupa konten sampingan seperti sidebar, iklan, tautan terkait, atau kutipan. Mari kita lihat lebih detail penggunaan tag <aside>:
baca juga : audio menambahkan konten audio ke halaman web
Penggunaan Dasar
<article>
<h2>Judul Artikel</h2>
<p>Ini adalah konten artikel.</p>
<aside>
<h3>Artikel Terkait</h3>
<ul>
<li><a href="#">Artikel Terkait 1</a></li>
<li><a href="#">Artikel Terkait 2</a></li>
<li><a href="#">Artikel Terkait 3</a></li>
</ul>
</aside>
</article>
Dalam contoh di atas, tag <aside> digunakan untuk menandai bagian konten tambahan yang berisi daftar artikel terkait dengan artikel utama. Konten tersebut berhubungan dengan konten utama, tetapi tidak menjadi bagian esensial dari konten utama tersebut.
Contoh Lebih Lanjut
<aside>
<h2>Menu Navigasi</h2>
<ul>
<li><a href="#">Beranda</a></li>
<li><a href="#">Tentang Kami</a></li>
<li><a href="#">Layanan</a></li>
<li><a href="#">Kontak</a></li>
</ul>
</aside>
Dalam contoh ini, tag <aside> digunakan untuk menandai bagian konten tambahan berupa menu navigasi. Meskipun menu ini penting untuk navigasi, mereka dianggap sebagai konten tambahan karena mereka tidak menjadi fokus utama dari halaman tersebut.
Catatan Penting
- Konten di dalam tag
<aside>sebaiknya berhubungan dengan konten utama halaman, tetapi tidak menjadi bagian utama dari konten tersebut. - Tag
<aside>dapat digunakan di dalam elemen<article>atau di luar elemen tersebut, tergantung pada hubungan konten tambahan dengan konten utama.
baca juga : article tag html untuk isi independen
Kesimpulan HTML <aside>
Tag <aside> dalam HTML digunakan untuk menandai konten tambahan yang berkaitan dengan konten utama suatu halaman web, tetapi tidak menjadi bagian utama dari konten tersebut. Ini biasanya digunakan untuk elemen seperti sidebar, iklan, tautan terkait, atau kutipan. Meskipun penting, konten dalam tag <aside> dianggap sebagai tambahan atau pelengkap dari konten utama halaman.
