Pada catatan ini akan diberikan jenis judul pada HTML besertan kegunaanya. Kembali diingatkan penulisan HTML dalam notepa/notepad++ tidak mengenal font size atau ukuran huruf. Semua ditulis dalam bentuk teks yang flat. Pemberian tanda (mark up) yang nantinya menentukan tampilan teks. Salah satu teks yang wajib ditampilkan adalah judul. Dari keseluruhan konten web tentu judul harus memiliki ukuran huruf yang lebih besar.
Jenis Judul h1, h2, h3, h4. h5. h6 pada HTML
Dalam HTML dikenal ada 6 macam jenis judul. Mereka adalah h1, h2, h3, h4, h5, h6. Huruf h sendiri merupakan singkatan dari heading. Apa perbedaan dari ke- 6 heading ini dalam HTML? Untuk melihat perbedaannya bisa anda compile kode di bawah ini.
<!DOCTYPE html>
<html>
<head>
<title>penggunaan tag heading</title>
</head>
<body>
<h1> Contoh judul dengan h1 </h1>
<h2> Contoh judul dengan h2 </h2>
<h3> Contoh judul dengan h3 </h3>
<h4> Contoh judul dengan h4 </h4>
<h5> Contoh judul dengan h5 </h5>
<h6> Contoh judul dengan h6 </h6>
</body>
</html>
Bisa anda lihat sendiri perbedaan judul tersebut adalah besar dan kecilnya ukuran huruf (font size). Sebenarnya besar dan kecilnya huruf masing masing dari ke enam ini bisa diatur ulang pada CSS sebuah website. Tetapi pada prinsipnya, pengetahuan tentang h1, hingga h6 ini diperlukan untuk kegunaan masing masing. Format penulisan tag judul ini bisa anda lihat di atas dengan <h1> Judul </h1>. Begitu juga dengan h2, h3 dan seterusnya. Dimulai dengan tag pembuka h dan ditutup dengan tag /h.
Pengunaan h1, h2, h3, h4, h5, h6 pada HTML
Pada dasarnya penggunaan tag judul ini tidak ada ketentuan baku. Sebuah halaman paling sederhana bisa saja berisi hanya <h1> dan beberapa paragraf <p>. Namun pada sebuah halaman dengan teks yang lebih panjang bisa menggunakan beberapa heading, seperti h1, h2,h3.
Namun, meskipun begitu ada beberapa saran dalam penggunaan h1, h2, h3 dst ini. h1 digunakan sebagai judul untuk keseluruhan teks. Kemudian h2 digunakan sebagai sub judul dan h3 dan seterusnyadigunakan sebagai sub judul yang dalam. Contoh Misalkan kita ingin membuat artikel tentang Kambing. Bisa difungsikan tingkatan heading sebagai berikut.
<!DOCTYPE html>
<html>
<head>
<title>penggunaan tag heading</title>
</head>
<body>
<h1> Bumi dan Isinya </h1>
....
<h2> Benda Mati </h2>
....
<h3> Batu </h3>
....
<h2> Makhluk Hidup</h2>
....
<h3> Tumbuhan </h3>
....
<h4> Di darat </h4>
....
<h3> Hewan </h3>
....
<h4> Hewan Bertulang Belakang </h4>
....
<h5> Mamalia </h5>
....
<h6> Kambing </h6>
....
</body>
</html>
Manfaat dari pemberian heading ini nanti akan dirasakan oleh pengunjung. Pengunjun bisa mengklasifikasikan bagian bagian yang disampaikan. Dari beberapa forum diskusi, sebagian besar berpendapat bahwa tag judul ini tidak mempengaruhi SEO (Search Engine Opt). Namun sebagian lagi berpendapat ini mempengaruhi. Biasanya mesin pencari akan lebih mudah mengenal tag judul h1, karena h1 ini dianggap mewakili isi pembahasan halaman. Terlepas dari semua itu, menurut pendapat pribadi saya, algorithm mesin pencari akan mencari kata kunci yang paling sering disebutkan dalam web. Apabila kata kunci yang dicari pengunjung ada di web, maka pasti akan ditampilkan. Mungkin ada dari yang lebih tahu SEO bisa menambahkan hal ini pada kolom komentar?
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment