Penggunaan Tag Komentar berfungsi untuk memberikan keterangan/penjelasan dari sebuah source code. Tentunya hal ini sangat berguna ketika kita mengedit kembali kode program yang sudah dibuat, apalagi kode program yang sangat besar. Penggunaan komentar terdapat pada semua jenis bahasa pemrograman, seperti java, c++ dsb.
Penggunaan Komentar pada HTML5
Anda cukup menambahkan kode berikut pada baris yang ingin diberikan keterangan :
<!--teks-->
Dimana teks tersebut adalah sebuah kalimat yang akan menjelaskan sesuatu dari kode program. Komentar tersebut tidak akan ditampilkan pada browser.
Contoh penggunaan komentar :
<!--Bagian yang menjelaskan menu navbar-->
Implementasi Tag Komentar pada HTML5
Contoh 1:
<!DOCTYPE html >
<html>
<head>
<title>Belajar Membuat Komentar Pada HTML</title>
</head>
<body>
<!--Daftar Download Artikel -->
<h2>Artikel tentang Bootstrap</h2>
<ul>
<li>Cara membuat top navbar</li>
<li>Cara membuat bottom navbar</li>
</ul>
<p>Nantikan selalu update artikel kami</p>
</body>
</html>
Outputnya ditunjukkan oleh Gambar.1
 |
| Gambar.1 |
Pada Gambar.1 dapat anda lihat bahwa kalimat "Daftar Download Artikel" tidak ditampilkan pada browser, hal ini karena kita telah mengset nya dengan Tag komentar <!-- -->.
Contoh 2:
<!DOCTYPE html >
<html>
<head>
<title>Belajar Membuat Komentar Pada HTML</title>
</head>
<body>
<!--Daftar Download Artikel
<h2>Artikel tentang Bootstrap</h2>-->
<ul>
<li>Cara membuat top navbar</li>
<li>Cara membuat bottom navbar</li>
</ul>
<p>Nantikan selalu update artikel kami</p>
</body>
</html>
Outputnya ditunjukkan oleh Gambar.2:
 |
| Gambar.2 |
Sepert yang ditunjukkan oleh Gambar, bagian kalimat yang terletak pada Tag <h2>...</h2> tidak ditampilkan juga pada browser. Jadi anda dapat membuat komentar untuk beberapa baris, cukup dengan meletakkan bagian tag penutup "-->" pada baris yang diinginkan.
