Dalam dunia coding, komentar itu kayak catatan kecil yang bisa kita sisipkan di dalam kode tanpa mengganggu tampilan web.

Ini berguna banget buat kasih petunjuk, ngejelasin kode, atau sekadar ngasih tahu bagian mana yang lagi kita otak-atik.

Yang seru, komentar ini cuma muncul di kode sumber dan nggak akan kelihatan di browser. Jadi, bebas untuk curhat di situ! 😆

Intinya, komentar digunakan untuk memberikan catatan atau penjelasan dalam kode tanpa mempengaruhi tampilan atau fungsi halaman web. Komentar ini hanya dapat dilihat dalam kode sumber dan tidak akan muncul di browser.

1. Sintaks Dasar Komentar HTML

Komentar dalam HTML menggunakan tanda <!-- di awal dan --> di akhir. Semua teks di antara tanda ini akan dianggap sebagai komentar.

Contoh:

<!-- Ini adalah komentar -->
<p>Ini adalah paragraf yang terlihat di browser.</p>

2. Kapan dan Kenapa Harus Pakai Komentar?

Komentar dalam HTML bisa digunakan untuk berbagai tujuan, seperti:

a. Menambahkan Catatan dalam Kode

Komentar dapat digunakan untuk menjelaskan bagian tertentu dalam kode agar lebih mudah dipahami oleh pengembang lain atau diri sendiri di masa depan.

<!-- Bagian header website -->
<header>
    <h1>Selamat Datang di Website Kami</h1>
</header>

b. Menonaktifkan Kode Sementara

Saat mengembangkan halaman web, kita bisa menggunakan komentar untuk menonaktifkan bagian kode tanpa menghapusnya.

<!-- <p>Paragraf ini tidak akan ditampilkan di browser.</p> -->

c. Memberikan Petunjuk dalam Kode

Jika bekerja dalam tim, komentar dapat membantu pengembang lain memahami struktur dan fungsi kode.

<!-- Formulir kontak untuk pengguna -->
<form>
    <input type="text" placeholder="Nama">
    <input type="email" placeholder="Email">
    <button type="submit">Kirim</button>
</form>

3. Hal yang Perlu Diperhatikan

  1. Komentar tidak bisa digunakan dalam atribut HTML – Komentar hanya bisa digunakan di dalam kode HTML, bukan di dalam atribut elemen.
    Jangan coba-coba buat nulis komentar di dalam atribut elemen, ya. Nggak akan berfungsi.
  2. Jangan terlalu banyak menggunakan komentar – Meskipun komentar membantu pemahaman kode, terlalu banyak komentar bisa membuat kode sulit dibaca.
    Komentar itu penting, tapi kalau kebanyakan malah bikin kode kelihatan berantakan. Keep it simple! 
  3. Komentar tetap terlihat di kode sumber – Walaupun tidak terlihat di browser, komentar tetap dapat dilihat oleh siapa saja yang mengakses kode sumber halaman web.
    Jangan taruh info sensitif di komentar. Bisa diintip siapa aja!

Kesimpulan

Komentar di HTML sangat berguna untuk dokumentasi, debugging, dan komunikasi dalam pengembangan web.

Gunakan komentar dengan bijak untuk membuat kode lebih rapi dan mudah dipahami.

Selamat ngoding! 🚀🔥