18 March 2015

HTML Heading


Salah satu elemen penting dalam HTML adalah heading.
Terdapat 6 level heading yang dimulai dengan tag <h1> sampai <h6>
Heading biasanya digunakan untuk menuliskan judul artikel, sub judul, sub sub judul dan seterusnya.

Contoh penulisan:

<h1>Ini heading level pertama</h1>
<h2>Ini heading level kedua</h2>
<h3>Ini heading level ketiga</h3>
<h4>Ini heading level keempat</h4>
<h5>Ini heading level kelima</h5>
<h6>Ini heading level keenam</h6>

Tampilan pada browser:
 
Browser secara otomatis menambahkan jarak di atas dan di bawah heading, juga membuat tingkatan ukuran berbeda untuk setiap level. Elemen h1 paling besar. Walaupun sebenarnya masing-masing elemen heading ini dapat di customize dengan style atau css.

Gunakan elemen ini hanya untuk kebutuhan heading (penjudulan) saja. Jangan gunakan untuk tujuan format tampilan huruf misalnya font besar atau cetak tebal. Kenapa?Karena search engine (mesin pencari semacam google) menggunakan elemen heading untuk mengindeks struktur dan isi halaman web.

User menelusuri halaman web dengan sekilas membaca penjudulan/heading. Jadi penting untuk menggunakan heading sebagai penstrukturan. Heading <h1> seharusnya menjadi heading utama diikuti dengan <h2>, <h3>, dan seterusnya.


Click here if you like this article.


0 comments: