Bagian 2: Tag-Tag Dasar HTML5
HTML5 memperkenalkan sejumlah elemen baru untuk membuat struktur dokumen lebih bermakna dan semantik. Berikut beberapa tag dasar yang sering digunakan:
1. <header>
Digunakan untuk bagian atas dari halaman atau section. Biasanya berisi logo, judul, atau navigasi.
2. <nav>
Menandai bagian navigasi (menu) dari halaman.
3. <main>
Menandai konten utama dari halaman web, hanya satu <main> boleh digunakan dalam satu halaman.
4. <section>
Menandai bagian tematik dari konten, misalnya artikel, fitur, atau topik tertentu.
5. <article>
Digunakan untuk konten yang berdiri sendiri, seperti berita atau blog post.
6. <aside>
Berisi informasi tambahan seperti sidebar atau catatan.
7. <footer>
Bagian bawah dari halaman atau section, biasanya berisi informasi penulis, hak cipta, atau tautan tambahan.
Contoh Kode:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Struktur HTML5</title>
</head>
<body>
<header>
<h1>Selamat Datang</h1>
</header>
<nav>
<a href="#">Beranda</a> |
<a href="#">Profil</a>
</nav>
<main>
<article>
<h2>Judul Artikel</h2>
<p>Isi artikel di sini...</p>
</article>
<aside>
<p>Catatan tambahan atau iklan</p>
</aside>
</main>
<footer>
<p>Hak Cipta © 2025</p>
</footer>
</body>
</html>