HTML Comments

by

Comment atau komentar adalah kode atau tulisan yang tidak akan ditampilkan (render) oleh web browser.

Komen sangat penting ketika kita membuat website dengan tingkat kompleksitas tinggi.

Daftar Isi
  1. Format Komentar HTML
  2. Contoh HTML Comment

Ya, kalau cuma 2 atau 5 halaman masih kecil, dan mudah. Jadi tidak perlu menuliskan komentar di halaman-halamannya.

Lain halnya jika yang kita buat itu suatu sistem informasi atau CMS yang sangat kompleks.

Halaman html ada ribuan, kalau kita tidak tulis komentar untuk tag elemen kodenya akan sangat membingungkan ketika bekerja dalam tim.

Bayangin, kalau kamu ngoding bareng sama temen, punya style koding yang beda. Tentu kamu bingung kan kalau harus nerusin kodingan punya temenmu?

Itulah gunanya html comment supaya mudah pada saat dokumentasi.

Format Komentar HTML

HTML comment dapat ditulis dengan syntax:

<!-- komentar disini -->

Jadi, setiap komentar harus dimulai dengan <!--- dan diakhir dengan -->.

Entah itu satu baris atau banyak baris sama saja. Beda dengan komentar php kalau satu baris cukup dengan //.

Contoh HTML Comment

Berikut contoh implementasinya:

Satu baris komentar

Untuk satu baris komentar contoh penggunaannya:

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Komentar</title>
	<!-- contoh satu baris -->
</head>
<body>
</body>
</html>

Ya cukup tulis <!-- contoh satu baris -->. Ini cocok jika kita cuma buat ngasih tahu, kode ini buat apa.

Multiline komentar

Kalau ini contoh banyak baris:

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Komentar HTML</title>
	<!-- contoh multi line
	biasanya digunakan untuk menjelaskan instruksi yang panjang.
	Mengapa tidak dibikin satu baris saja?
	Yakali... kalau panjang banget, masak temenmu harus nyecroll kekanan
	Tentu enak bacanya gini kan
	 -->
</head>
<body>

</body>
</html>

Sekian cara menulis komentar di HTML. Tetap rajin menuliskan komentar ya, karena ini menjadi dokumentasi koding yang sangat berguna.

Leave a Comment