HTML Headings

HTML Dasar: Mengenal Headings

Apa Itu Heading dalam HTML?

Heading adalah elemen HTML yang digunakan untuk menandai judul atau subjudul dalam halaman web. Heading membantu menyusun struktur konten agar lebih mudah dipahami, baik oleh pengguna maupun mesin pencari (SEO).

HTML menyediakan 6 level heading, dari <h1> hingga <h6>:

<h1> adalah heading paling penting (biasanya judul utama halaman).
<h6> adalah heading paling rendah (biasanya subjudul kecil).

Contoh Penggunaan Heading

<h1>Judul Utama</h1>
<h2>Subjudul Pertama</h2>
<h3>Subjudul Kedua</h3>
<h4>Sub-subjudul</h4>
<h5>Judul Kecil</h5>
<h6>Catatan atau label kecil</h6>

Tampilan hasil di browser (kurang lebih):

Judul Utama → ukuran besar dan tebal
Subjudul Pertama → lebih kecil
Subjudul Kedua → makin kecil
dan seterusnya hingga ukuran terkecil di

Kapan Menggunakan Setiap Tingkat Heading?

Tag	Kegunaan
`<h1>`	Judul utama halaman (hanya 1 per halaman)
`<h2>`	Subjudul besar (misalnya bagian utama)
`<h3>`	Subjudul dalam `<h2>`
`<h4>`	Detail dari `<h3>`
`<h5>`	Lebih spesifik lagi
`<h6>`	Paling kecil, untuk catatan tambahan

Tips Penulisan Heading

1. Gunakan Satu `<h1>` per Halaman

Heading <h1> biasanya dipakai untuk nama artikel atau judul halaman, dan cukup satu kali saja.

2. Gunakan Heading Secara Hierarkis

Gunakan heading sesuai urutan: <h1> → <h2> → <h3>, jangan langsung lompat dari <h1> ke <h4> tanpa alasan.

3. Jangan Gunakan Heading untuk Styling Saja

Gunakan heading untuk struktur, bukan hanya karena hurufnya besar. Untuk styling, gunakan CSS.

<!-- Salah -->
<h1 style="font-size: 14px;">Teks biasa tapi pakai <h1></h1>

<!-- Benar -->
<p style="font-size: 14px;">Teks biasa</p>

4. Heading Membantu SEO

Struktur heading yang rapi membuat konten lebih mudah dipahami oleh mesin pencari seperti Google.

Kesimpulan

HTML memiliki 6 level heading: <h1> sampai <h6>.
Heading berfungsi untuk memberi struktur pada konten.
Gunakan heading secara hierarkis dan konsisten.
Jangan menyalahgunakan heading untuk styling saja.