section vs div
<section> adalah pengelompokan tematik dan hampir selalu punya judul di dalamnya. Kalau kamu kesulitan memberi judul yang wajar untuk sebuah blok, kemungkinan besar yang kamu butuhkan adalah <div> — pembungkus netral untuk kebutuhan tata letak. Aturan praktisnya: ada judulnya berarti section, sekadar kotak pengatur layout berarti div. Memaksakan elemen semantik untuk kebutuhan visual justru mengaburkan struktur halaman, dan itu terbaca jelas saat audit aksesibilitas.
👀 Contoh dulu
<section> <h2>Pertanyaan Umum</h2> <p>Berikut jawaban yang sering ditanyakan.</p> </section> <div class="pembungkus-layout"> <p>Ini hanya wadah untuk styling.</p> </div>
Hasilnya: Keduanya tampil sama di layar, tapi section menyatakan 'ini bagian bertema berjudul', sedangkan div tidak menyatakan apa pun.
💡 Bisa diberi judul yang wajar? Pakai section. Cuma butuh kotak untuk mengatur tata letak? Pakai div.
📝 Sekarang giliranmu
Buat <section> berisi <h2> dengan teks Tentang Kami dan sebuah paragraf.