main: satu per halaman
<main> menandai konten utama halaman — bukan header, bukan sidebar, bukan footer. Aturannya tegas: tepat satu <main> per halaman, karena screen reader menyediakan pintasan 'lompat ke konten utama' yang jadi ambigu kalau ada lebih dari satu. Isi yang berulang di setiap halaman, seperti menu dan informasi kontak, harus berada di luarnya. Menempatkan seluruh halaman termasuk menu ke dalam <main> adalah kesalahan umum yang membuat pintasan itu kehilangan gunanya.
👀 Contoh dulu
<main> <h1>Katalog Produk</h1> </main> <footer> <p>Hubungi kami di info@toko.com</p> </footer>
Hasilnya: Judul halaman muncul di area konten utama, dan informasi kontak di bagian bawah.
💡 main hanya untuk konten utama — menu dan footer TIDAK boleh masuk ke dalamnya.
📝 Sekarang giliranmu
Lengkapi struktur di bawah: tambahkan <main> berisi <h1> dengan teks Artikel Terbaru, lalu <footer> berisi paragraf apa pun.