Heading di HTML adalah elemen penting untuk menandai judul atau subjudul dalam sebuah halaman web. Heading membantu strukturisasi konten agar lebih mudah dibaca oleh pengguna dan dikenali oleh mesin pencari.
Jenis-Jenis Heading dalam HTML
HTML menyediakan enam tingkatan heading, yaitu dari <h1> hingga <h6>. Heading <h1> merupakan heading paling penting dan biasanya digunakan untuk judul utama, sedangkan <h6> adalah heading dengan tingkat paling rendah.
Berikut adalah daftar dan penjelasan masing-masing heading:
| Tag Heading | Keterangan |
|---|---|
<h1> |
Judul utama pada halaman |
<h2> |
Subjudul dari <h1> |
<h3> |
Subjudul dari <h2> |
<h4> |
Subjudul dari <h3> |
<h5> |
Subjudul dari <h4> |
<h6> |
Subjudul dari <h5> (paling kecil) |
Contoh Penggunaan Heading di HTML
Berikut ini adalah contoh kode HTML yang menunjukkan penggunaan heading dari <h1> hingga <h6>:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Heading HTML</title>
</head>
<body>
<h1>Ini adalah Heading 1</h1>
<h2>Ini adalah Heading 2</h2>
<h3>Ini adalah Heading 3</h3>
<h4>Ini adalah Heading 4</h4>
<h5>Ini adalah Heading 5</h5>
<h6>Ini adalah Heading 6</h6>
</body>
</html>Setiap heading akan ditampilkan dengan ukuran teks yang berbeda, secara default dari yang terbesar (<h1>) hingga terkecil (<h6>).
Tips Menggunakan Heading dengan Baik
- Gunakan hanya satu
<h1>per halaman untuk menjaga struktur SEO yang baik - Gunakan heading secara hierarkis:
<h2>untuk subjudul dari<h1>,<h3>untuk subjudul dari<h2>, dan seterusnya - Jangan melompati level heading tanpa alasan, misalnya langsung dari
<h1>ke<h4>
Kesimpulan
Cara membuat heading di HTML sangat mudah, cukup dengan menggunakan tag <h1> hingga <h6>. Penggunaan heading yang tepat membantu pembaca dan mesin pencari memahami struktur konten di halaman web kalian.
Itulah tadi artikel dari analiswinter.com, jika ada hal yang ingin ditanyakan bisa langsung ke kolom komentar.
