Penjelasan Elemen <div>

Apa itu <div>?
<div> (singkatan dari division) adalah elemen HTML yang digunakan sebagai kontainer generik untuk mengelompokkan berbagai elemen lain menjadi satu blok atau bagian tertentu.

1. Mengapa Kita Menggunakan <div>?

Tanpa elemen ini, halaman web akan terlihat seperti dokumen teks biasa yang memanjang. Kita menggunakan <div> untuk:

Mengatur Layout: Memisahkan area header, konten, sidebar, dan footer.
Gaya Visual: Memberikan warna latar belakang, border, atau bayangan pada sekelompok elemen sekaligus.
Manipulasi Data: Misalnya Dalam riset mengenai rute evakuasi banjir, <div> membantu mengelompokkan data per titik rute agar mudah dikelola oleh JavaScript.

2. Karakteristik Teknis

Block-Level: Selalu dimulai di baris baru. Ia bersifat dominan dan mengambil lebar penuh layar secara otomatis.
Empty Semantic: Secara harfiah, <div> tidak memiliki arti bagi browser. Artinya, ia hanya kotak kosong sampai kita memberikan kelas (class) atau identitas (id).

3. Contoh Penerapan Praktis

Skenario A: Mengelompokkan Informasi

Update Banjir Samarinda

Status terkini di Kelurahan Lempake terpantau siaga 2.

Sumber: Pusdalops BPBD

Skenario B: Membuat Kartu Data

Analisis Sentimen

Hasil ekstraksi data e-commerce Shopee & Tokopedia.