Mengatur Konten dengan Heading
Heading membantu dalam menentukan hierarki dan struktur konten suatu halaman web.
Tag heading biasanya digunakan untuk membuat judul pada halaman web, tag heading pada HTML terdiri dari 6 tingkatan yaitu yang terdiri dari h1,h2,h3,h4,h5,h6. Tag heading secara default di tampilkan oleh browser dengan huruf tebal (bold), tag heading yang paling besar adalah h1 dan yang paling kecil adalah h6.
<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>
Output dari kode tersebut akan terlihat sebagai berikut
Catatan: Setiap kali kalian menempatkan tag heading pada halaman web, maka browser style sheet bawaan secara otomatis akan membuat beberapa ruang kosong (disebut margin) sebelum dan sesudah setiap heading. kalian dapat menggunakan properti margin CSS untuk mengganti style sheet default browser.
Tips: kalian dapat dengan mudah menyesuaikan tampilan tag heading HTML seperti ukuran font, tebal, jenis huruf, dll. Menggunakan properti font CSS.
Pentingnya Heading
- Heading HTML memberikan informasi berharga dengan menyoroti topik-topik penting dan struktur dokumen, jadi optimalkan dengan cermat untuk meningkatkan keterlibatan pengguna.
- Jangan gunakan Heading untuk membuat teks Anda terlihat BESAR atau tebal. Gunakan hanya untuk menyorot judul file kalian dan untuk menunjukkan struktur dokumen.
- Karena mesin pencari, seperti Google, gunakan judul untuk mengindeks struktur dan konten halaman web, jadi gunakan dengan sangat bijaksana di halaman web kalian.
- Gunakan Heading <h1> sebagai Heading utama halaman web kalian, diikuti oleh Heading <h2>, lalu Heading <h3> sebagai sub judul di halaman web kalian.