Komentar adalah catatan di dalam kode HTML yang gak ditampilkan browser. Isinya cuma kelihatan buat orang yang membaca kodenya, kayak coretan pensil di pinggir buku: pembaca halaman gak lihat, penulisnya bisa.
🧪 Tebakan cepat: kamu menulis
<!-- harga belum final -->di HTML. Bisa gak pengunjung menemukannya? Tebak dulu, jawabannya ada di bagian "Gak tampil, tapi gak rahasia".
Menulis komentar
Ini halaman resep. Paragraf promonya lagi disembunyikan pakai komentar:
<h1>Resep Nasi Goreng</h1>
<p>Bahan: nasi putih, bawang merah, bawang putih, kecap manis.</p>
<!-- <p>Promo: gratis ongkir buat pesanan bumbu sampai hari Minggu.</p> -->
<p>Tumis bumbu halus sampai harum, lalu masukkan nasi dan kecap.</p>
<!--adalah pembuka komentar: tanda<, tanda seru!, lalu dua tanda minus--.<p>Promo: ...</p>adalah isi komentarnya. Semua yang ada di antara pembuka dan penutup dilewati browser, tag-nya juga.-->adalah penutup komentar: dua tanda minus, lalu>.
Hasilnya, halaman cuma menampilkan judul dan dua paragraf: bahan dan cara masak. Paragraf promo masih ada di kode, cuma gak tampil.
Komentar dipakai buat dua hal. Pertama, catatan buat developer lain atau buat kamu sendiri nanti, misalnya <!-- Promo dimatikan dulu sampai harga final -->. Kedua, "mematikan" sebagian kode tanpa menghapusnya. Caranya: tulis <!-- tepat sebelum tag pembuka elemennya, dan --> tepat sesudah tag penutupnya, di tempat elemen itu berada. Jangan bikin salinan paragrafnya, bungkus yang sudah ada.
Komentar juga boleh beberapa baris, asal diawali <!-- dan diakhiri -->.
Lupa -->, sisa halaman ikut hilang
Browser terus mencari --> sesudah ketemu <!--. Kalau penutupnya gak ada, semua yang ada sesudahnya ikut dianggap komentar sampai akhir halaman:
<!-- <p>Promo: gratis ongkir buat pesanan bumbu sampai hari Minggu.</p>
<p>Tumis bumbu halus sampai harum, lalu masukkan nasi dan kecap.</p>
Di sini paragraf cara masak ikut hilang. Jadi pembuka dan penutup selalu ditulis berpasangan.
HTML cuma kenal <!-- -->
// dan /* */ adalah tanda komentar di JavaScript dan CSS, dan # dipakai di bahasa lain kayak Python. Di HTML tanda-tanda itu bukan komentar, jadi teksnya malah tampil di halaman.
Gak tampil, tapi gak rahasia
Komentar tetap ikut terkirim ke browser. Siapa pun bisa klik kanan, pilih "View Page Source", lalu membaca semua komentarnya. Jadi jangan pernah tulis password, kunci API, atau catatan rahasia di komentar.
⚠️ Jebakan yang sering ketemu
- Lupa tanda seru.
<-- catatan -->bukan komentar. Browser menampilkannya sebagai teks biasa. - Cuma teksnya yang dibungkus.
<p><!-- Aku tidak terlihat --></p>menyembunyikan teksnya, tapi paragraf kosongnya masih ada. Bungkus dari<p>sampai</p>. - Bikin salinan, bukan membungkus. Kalau paragraf aslinya dibiarkan dan kamu menulis komentar baru di sebelahnya, paragraf aslinya tetap tampil.
TL;DR: Komentar HTML ditulis <!-- isi --> dan gak tampil di halaman. Pakai buat catatan atau buat menyembunyikan elemen: bungkus dari tag pembuka sampai tag penutupnya. Lupa --> bikin sisa halaman ikut hilang. //, /* */ dan # bukan komentar HTML. Komentar tetap bisa dibaca lewat View Page Source, jadi jangan simpan rahasia di sana.
