Heading adalah element atau tag HTML yang berguna untuk menunjukkan bagian penting pada halaman web biasanya bagian penting ini adalah bagian judul pada web. element tag heading ini memiliki 6 tingkatan yang berurutan yaitu:
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> yang bisa digunakan untuk menambah ke struktur halaman web. perbedaan masing-masing heading yaitu besar hingga kecil teks. contoh tag/element <h1> lebih besar dari element/tag <h2> dan seterusnya.
Penggunaan masing-masing heading juga berbeda, berikut penggunaan masing-masing tag/element heading yang sering digunakan pada pengolahan halaman web :
<h1> adalah heading yang digunakan untuk penulisan judul utama dari dokumen <h2> adalah heading yang digunaakan sebagai sub dari <h1> <h3> adalah heading yang digunakan sebagai sub dari <h2> untuk penggunaan <h4><h4><h5><h6> tergantung programmer sendiri untuk memperindah halaman web sesuai keperluan.
berikut contoh penerapan masing-masing element/tag heading :
<!DOCTYPE html>
<html>
<head>
<title>penggunaan tag heading</title>
</head>
<body>
<h1>ini adalah judul dengan h1 </h1>
<h2>ini adalah judul dengan h2 </h2>
<h3>ini adalah judul dengan h3 </h3>
<h4>ini adalah judul dengan h4 </h4>
<h5>ini adalah judul dengan h5 </h5>
<h6>ini adalah judul dengan h6 </h6>
</body>
</html>
Biasanya dalam sebuah halaman akan ada hanya 1 tag <h1>, dan beberapa tag <h2> dan <h3> dengan beberapa tag <p>. Berikut adalah contoh struktur artikel HTML sederhana dengan menggunakan tag <p> dan beberapa tag heading:
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Dasar</title>
</head>
<body>
<h1>Judul Artikel</h1>
<p>.....pembahasan artikel.....</p>
<h2>Sub Judul Artikel 1</h2>
<p>.....pembahasan sub artikel 1.....</p>
<h2>Sub Judul Artikel 2</h2>
<p>.....pembahasan sub artikel 2.1.....</p>
<h2>Sub Sub Judul Artikel 2.1</h2>
<p>.....pembahasan sub sub artikel 2.1.....</p>
</body>
</html>
nah salah satu hal yang menarik adalah Search Engine seperti Google akan memberikan nilai lebih untuk heading. Biasanya semakin tinggi tingkat heading, semakin tinggi pula penekanan search engine. Tag <h1> dianggap lebih bernilai dari pada <h2>. Tag <h1> umumnya digunakan untuk judul sebuah konten / artikel, sehingga dianggap dapat mewakili keseluruhan artikel.
