Estimasi Waktu Baca: 2 menit

Apa itu Komentar?

Dalam pemrograman, yang namanya komentar sering digunakan sebagai catatan. Catatan ini bisa berupa informasi tambahan atau dokumentasi singkat dari suatu baris kode dan lain sebagainya.

Dalam HTML, komentar merupakan suatu elemen yang diabaikan oleh browser artinya ia tidak akan ditampilkan pada browser.

Bagaimana Membuat Komentar?

Berikut sintaks untuk membuat komentar:


<!-- Ini namanya komentar -->

Keluaran:

Komentar yang ditulis tidak akan ditampilkan di browser, namun meskipun begitu kita masih bisa melihatnya melalui menu inspect element.

Atau melalui menu page source

Apa Fungsi Komentar?

Meskipun komentar tidak ditampilkan di browser dan tidak mempengaruhi kode sama sekali. Namun nyatanya komentar sangat berpengaruh pada pekerjaan kita dan kegunaannya tidak bisa dianggap sepele.

Berikut beberapa fungsi dari komentar yang sangat berguna bagi kita.

Komentar Untuk Memberikan Informasi

Sudah dijelaskan sebelumnya bahwa komentar dapat digunakan sebagai catatan berisi informasi tambahan atau dokumentasi dari suatu elemen atau baris kode.

Berikut contoh penerapannya


<!DOCTYPE html>
<html> <!-- Tag untuk membuat dokumen HTML-->
<head> 
	<title>Halaman Depan</title> 
	<!-- Tag untuk membuat judul halaman-->
</head>
<body>
	<h1>Halo Dunia</h1> <!-- Tag untuk membuat judul konten --
		Contoh lain: Judul konten sementara berjudul Halo Dunia -->
	
	<p>Belajar membuat website itu menyenangkan!</p> <!-- Tag untuk membuat paragraf 
		Contoh lain: Konten berisi penjelasan mengenai website -->
</body>
</html>

Komentar Untuk Membuat Todo List

Untuk mengingat apa yang harus dikerjakan besok kita dapat membuat todo list pada bagian terkait, todo list ini tidak boleh mengganggu jalannya program, maka dari itu penggunaan komentar bisa sangat menguntungkan di sini.


<!DOCTYPE html>
<html>
<head>
	<title>Halaman Depan</title> 
	<!-- TODO: Tambahkan tag meta di sini -->
</head>
<body>
	<h1>Halo Dunia</h1>
	<!-- TODO: Tambahkan konten di sini-->
</body>
</html>

Komentar Untuk Menonaktifkan Baris Kode

Komentar tidak hanya bisa menyembunyikan suatu teks agar tidak ditampilkan pada browser, ia juga dapat menyembunyikan atau menonaktifkan suatu baris kode.


<!DOCTYPE html>
<html>
<head>
	<title>Halaman Depan</title> 
</head>
<body>
	<h1>Halo Dunia</h1>
	<p>Konten 1</p>

	<!-- <p>Konten 2</p> -->
</body>
</html>