HTML Document Outline Sectioning Header Nav Main
Ringkasan
Elemen sectioning (header, nav, main, article, section, aside, footer) memberi struktur makna pada halaman, bukan cuma tampilan.
Konsep Dasar
<header>— pengantar/kop (bisa per section).<nav>— blok link navigasi utama.<main>— konten utama (SATU per halaman).<article>— konten mandiri (bisa diposting ulang).<section>— pengelompokan tematis.<aside>— konten samping (related).<footer>— kaki (info penulis/kontak).
Cara Kerja / Struktur
html<body>
<header><h1>Site</h1><nav>...</nav></header>
<main>
<article><h2>Post</h2>...</article>
<aside>Related</aside>
</main>
<footer>© 2026</footer>
</body>Catatan Implementasi
- Hanya satu
<main>; bukan pembungkus seluruh body. <section>sebaiknya punya heading anak.
Kesalahan Umum
- Banyak
<main>(invalid). <section>tanpa heading (outline hancur).
Glosarium
- Sectioning root: elemen yang memulai outline baru (article, section, dll).
- Landmark: titik navigasi ARIA dari elemen sectioning.