Komentar pada HTML adalah potongan kode yang digunakan untuk menjelaskan kode-kode yang sedang ditulis dalam menyusun halaman HTML. Komentar ini akan diabaikan oleh browser dan tidak akan ditampilkan pada halaman HTML. Pada halaman HTML dengan kode yang panjang dan kompleks kadang membingungkan dalam menganalisanya. Pemberian komentar akan memberikan kemudahan dalam memahami alur kode yang sedang dikerjakan.
Penulisan komentar pada HTML diawali dengan tag pembuka <!-- dan diakhiri dengan tag penutup -->. Kode-kode HTML baik itu berupa elemen, tag, teks dan lainnya yang terletak di antara tag <!-- dan --> akan diabaikan oleh browser dan tidak akan ditampilkan pada halaman HTML. Penulisan komentar ini bersifat multi baris yang artinya setelah tag pembuka <!-- dituliskan, maka segala sesuatu yang berada setelah tag pembuka tersebut berada dianggap sebagai komentar HTML sampai tag penutup -->. Tidak peduli berapa baris kode yang sudah dilewati.
Komentar Untuk Single Line :
Komentar pada single line sering digunakan untuk memberi tanda komentar pada baris tertentu saja. Biasanya komentar ini ditulis dengan singkat pada baris yang bersangkutan.
Berikut ini contoh penulisan komentar HTML untuk baris tunggal :
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
<title>Penulisan Komentar HTML Tunggal</title>
</head>
<body>
<!-- komentar untuk paragraf 1 -->
<p>Ini adalah paragraf 1</p>
<!-- komentar untuk paragraf 2 -->
<p>Ini adalah paragraf 2</p>
<!-- komentar untuk paragraf 3 -->
<p>Ini adalah paragraf 3</p>
<!-- komentar untuk paragraf 4 -->
<p>Ini adalah paragraf 4</p>
</body>
</html>
Pada kode di atas, komentar ditulis pada setiap awal paragraf. Misalnya sebelum paragraf 1 dimulai, dituliskan terlebih dahulu komentar untuk paragraf 1. Komentar ini tidak akan dieksekusi atau diabaikan oleh browser. Jika dijalankan pada web browser, hasilnya seperti gambar dibawah ini :
Komentar Untuk Multi Line :
Komentar yang bersifat multi baris digunakan untuk memberikan komentar pada beberapa baris sekaligus. Komentar ini bermanfaat jika komentar tersebut memiliki kata yang panjang dan jumlahlah melebihi satu baris. Komentar jenis ini juga cukup efektif untuk menghindari rangkain kode HTML agar tidak diproses pada web browser dengan memberikan tanda komentar pada awal dan akhir script tag HTML.
Berikut ini contoh penulisan komentar HTML untuk multi baris :
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<title>Penulisan Komentar HTML Multi Baris</title>
</head>
<body>
<!-- komentar untuk paragraf 1 sampai dengan 4
<p>Ini adalah paragraf 1</p>
<p>Ini adalah paragraf 2</p>
<p>Ini adalah paragraf 3</p>
<p>Ini adalah paragraf 4</p>
-->
<p>Ini adalah paragraf 5</p>
<p>Ini adalah paragraf 6</p>
<p>Ini adalah paragraf 7</p>
<p>Ini adalah paragraf 8</p>
</body>
</html>
Pada kode di atas, komentar dibuka pada awal paragraf pertama. Namun komentar ditutup pada awal paragraf yang ke-5 dengan melewati beberapa baris kode HTML. Komentar inilah yang disebut dengan komentar multi baris. Kode HTML yang berada di dalam komentar multi baris tidak akan dieksekusi dan diabaikan oleh web browser. Jika dijalankan pada browser, hasilnya seperti gambar dibawah ini :
Browser Pendukung :
| Elemen |  |  |  |  |  |
| <!-- ... --> | ya | ya | ya | ya | ya |
Global Attributes :
Tag <!-- ... --> mendukung Global Atribut di dalam HTML yang artinya bahwa pada tag ini dapat sisipkan atribut yang bersifat global yang secara umum berlaku pada semua komponen tag HTML.
Silahkan kunjungi Atribut Global Pada HTML untuk mengetahui detail global atribut pada HTML
Event Attributes :
Tag <!-- ... --> mendukung Event Atribut atau atribut acara (kejadian). Atribut acara ini merupakan wilayah javascript tentang bagaimana menampilkan halaman web. Misalnya saat halaman web sedang loading(onload) sampai interaksi user pada halaman web tersebut seperti scrolling layar(onscroll), menekan tombol pada keyboard (onkeypress, onkeydown), mengarahkan mouse (onmouseover) dan lainnya.
Silahkan kunjungi Event Atribut Pada HTML untuk mengetahui detail event atribut pada HTML.
Tutorial HTML
Paling Banyak Dibaca
News Letters
Silahkan masukkan email Anda untuk berlangganan informasi kami
Previous Page
