Sub Judul HTML
Dalam tutorial ini akan belajar cara membuat heading dalam HTML.
Mengatur Konten dengan Sub Judul (Heading)
Sub Judul (Heading) membantu dalam mendefinisikan hierarki dan struktur konten halaman web.
HTML menawarkan enam tingkat tag heading, <h1> hingga <h6>, semakin rendah nomor tingkat heading, semakin besar kepentingannya — oleh karena itu tag <h1> mendefinisikan heading yang paling penting, sedangkan tag <h6> mendefinisikan heading yang paling tidak penting dalam dokumen.
Secara default, browser menampilkan Sub Judul(heading) dalam font yang lebih besar dan lebih tebal daripada teks biasa. Juga, Sub Judul(heading) <h1> ditampilkan dalam font terbesar, sedangkan Sub Judul <h6> ditampilkan dalam font terkecil.
<h1>Sub Judul tingkat 1</h1>
<h2>Sub Judul tingkat 2</h2>
<h3>Sub Judul tingkat 3</h3>
<h4>Sub Judul tingkat 4</h4>
<h5>Sub Judul tingkat 5</h5>
<h6>Sub Judul tingkat 6</h6>
2
3
4
5
6
— Output dari contoh di atas akan terlihat seperti ini:
CATATAN
Setiap kali Anda menempatkan tag heading pada halaman web, style sheet bawaan browser web secara otomatis membuat beberapa ruang kosong (disebut margin) sebelum dan sesudah setiap heading. Anda dapat menggunakan properti margin CSS untuk mengganti style sheet default browser.
TIP
Anda dapat dengan mudah menyesuaikan tampilan tag heading HTML seperti ukuran font, boldness, typeface, dll menggunakan properti font CSS.
Pentingnya Sub Judul (Headings)
- Sub Judul (Heading) HTML memberikan informasi berharga dengan menyoroti topik penting dan struktur dokumen, jadi optimalkan dengan hati-hati untuk meningkatkan keterlibatan pengguna.
- Jangan gunakan heading untuk membuat teks terlihat BESAR atau tebal. Gunakan hanya untuk menyorot Sub Judul (heading) dokumen dan untuk memperlihatkan struktur dokumen.
- Karena mesin pencari, seperti Google, menggunakan heading untuk mengindeks struktur dan konten halaman web, jadi gunakanlah dengan sangat bijak di halaman web Anda.
- Gunakan heading
<h1>sebagai heading utama halaman web Anda, diikuti oleh heading<h2>, kemudian heading<h3>yang kurang penting, dan seterusnya.
TIP
Gunakan tag <h1> untuk menandai heading terpenting yang biasanya berada di bagian atas halaman. Sebuah dokumen HTML umumnya harus memiliki tepat satu Sub Judul (heading) <h1>, diikuti dengan Sub Judul (heading) tingkat yang lebih rendah seperti <h2>, <h3>, <h4>, dan seterusnya.