← Kembali ke Halaman Belajar
Apa itu Heading?
Heading adalah elemen HTML yang digunakan untuk memberikan judul pada bagian tertentu. HTML menyediakan 6 tingkatan judul, mulai dari <h1> (paling penting) hingga <h6> (paling tidak penting).
Visualisasi Tingkatan Heading
Di bawah ini adalah perbandingan ukuran default dan hierarki dari setiap tag heading:
h1
Judul Utama Halaman
h2
Sub-Judul Utama (Tingkat 2)
h3
Sub-Bagian dari H2
h4
Judul Kecil (Tingkat 4)
h5
Tingkat 5
h6
Tingkat Terkecil (6)
Mengapa Hierarki Itu Penting pada sebuah heading?
-
SEO (Search Engine Optimization):
Bayangkan Google sebagai pustakawan. Google membaca tag
<h1> sampai <h6> untuk memetakan isi website yang kita buat. Struktur yang rapi membantu website agar lebih mudah ditemukan di mesin pencari.
-
Aksesibilitas (Screen Readers):
Teman-teman tunanetra menggunakan alat pembaca layar yang melompat dari satu heading ke heading lain untuk memahami struktur halaman. Tanpa hierarki yang benar, mereka akan bingung navigasi di dalam website yang kita buat.
-
Struktur Visual & Pengalaman Pengguna:
Hierarki menciptakan "peta jalan" visual. jadi Pengguna bisa melakukan skimming (membaca cepat) untuk menemukan informasi yang mereka butuhkan tanpa harus membaca seluruh isi teks dari awal.