Belajar HTML Part 9 - Komentar

Assalamu'alaikum Warahmatullaahi Wabarakatuh.

Pada artikel sebelumnya kita telah mempelajari tentang penulisan kode-kode komputer. Kali ini kita akan mempelajari tentang penulisan komentar. Sebuah komentar yang terdapat pada sebuah dokumen HTML, tidak akan ditampilkan pada browser. Sebuah komentar diawali dengan <!-- dan diakhiri dengan -->.

Ada beberapa fungsi komentar yang biasa digunakan. Berikut di antaranya :

A. MEMBERI CIRI PADA SCRIPT

Komentar biasa digunakan untuk memberi ciri sebuah bagian dari dokumen agar kita tidak kesulitan mencari bagian tersebut.
Sebagai contoh, coba ketik script berikut :

<!-- Ini adalah bagian foto judul -->
 <h1> Judul</h1> 
<!-- Akhir dari bagian judul -->

Simpan dan jalankan pada browser. Berikut hasil yang kita dapatkan :

Seperti yang kita lihat, komentar yang kita ketik tidak ditampilkan oleh browser. 

B. MELEWATI SEBUAH SCRIPT AGAR TIDAK DIPROSES

Dalam beberapa kasus, kita perlu membuat sebuah script menjadi komentar. Misal jika kita ingin menghilangkan sebuah bagian untuk sementara, namun kita tidak ingin menghapusnya karena suatu saat script tersebut bisa dibutuhkan.
Misal ketik contoh berikut :

<!--
 <h1> Judul ini tidak akan ditampilkan karena telah diubah menjadi komentar</h1> 
-->

Simpan lalu jalankan pada browser. Berikut hasilnya :

Kita lihat, elemen judul tidak ditampilkan karena kita ubah jadi komentar. Namun suatu saat kita bisa menggunakannya kembali jika dibutuhkan dengan cara menghapus tanda komentar yang kita tambahkan tadi.

C. KOMENTAR KONDISIONAL

Komentar kondisional hanya diproses jika memenuhi kondisi tertentu. Misal :

<!--[if IE 8]>
 Semua yang berada di dalam tag ini hanya akan muncul jika kita menggunakan Internet Explorer 8 
<![endif]-->

Pada script di atas, [if IE 8] maksudnya adalah script tersebut hanya digunakan untuk Internet Explorer 8. Untuk mengeceknya coba simpan file tersebut, kemudian jalankan dengan Internet Explorer(versi 8), lalu jalankan juga dengan browser yang lain, misal dengan Mozilla Firefox atau Google Chrome.

Kita saksikan perbedaannya seperti pada gambar berikut :

Komentar Kondisional hanya ditampilkan di Internet Explorer

Pada gambar di atas, saya menjalankan script tadi di Internet Explorer, Mozilla Firefox, dan Google Chrome. Namun yang menampilkan komentar kondisional tadi hanya Internet Explorer.

Demikian Seri Belajar HTML tentang Penulisan Komentar pada HTML. Semoga bermanfaat. Terima kasih,

Wassalamu'alaikum Warahmatullaahi Wabarakatuh.