CSS Comments: Cara Ngasih Catatan di Kode Tanpa Ganggu Tampilan (Tutorial CSS Part 5)

Gambar 5.0 : Logo CSS

Waktu ngoding, kadang kita butuh ngasih catatan di kode buat bantu diri sendiri (atau orang lain) ngerti maksud dari bagian tertentu. Nah, di sinilah komentar berperan penting. Komentar ini bisa dianggap kayak “bisikan” di kode yang nggak akan ditanggepin browser.

Apa Itu CSS Comments?

CSS Comments adalah catatan yang ditulis di dalam file CSS, tapi nggak akan dijalankan atau ditampilkan di halaman website. Fungsinya? Banyak! Bisa buat ngasih penjelasan, ngelompokkan kode, atau nyimpen kode yang belum mau dipake dulu.

Format penulisan komentar di CSS adalah kayak gini:

/* Ini adalah komentar di CSS */
body {
  background-color: #f5f5f5; /* warna background yang soft */
}

Browser bakal ngabaikan semua yang ada di dalam /* ... */, jadi bebas mau nulis apa aja di situ, asal jangan bikin puisi patah hati ya.

Tips Nulis Komentar di CSS

Jelas dan to the point. Jangan ngasih komentar yang malah bikin bingung.
Jangan kebanyakan. Komentar yang terlalu banyak malah bisa bikin kode susah dibaca.
Gunakan buat ngelompokkan. Misalnya:

/* Bagian Header */
header {
  padding: 20px;
}

/* Bagian Footer */
footer {
  text-align: center;
}

HTML dan CSS Comments: Bedanya Apa?

Walaupun sama-sama disebut komentar, format komentar di HTML beda dengan di CSS. Kalau di HTML, bentuknya kayak gini:

<!-- Ini komentar di HTML -->
<p>Halo dunia!</p>

Browser juga bakal ngabaikan isi komentar ini.

Kapan Pakai Komentar HTML?

Buat ngasih catatan di struktur HTML
Buat nyembunyiin bagian kode HTML yang belum mau ditampilin
Buat ngebantu developer lain ngerti alur struktur

Sementara CSS comments lebih sering dipake buat styling, seperti ngasih catatan kenapa sebuah elemen punya warna atau margin tertentu.

Gabungan HTML dan CSS: Jangan Tertukar

Kalau kamu nulis CSS di dalam file HTML (misalnya di dalam <style> tag), tetap harus pakai format komentar CSS:

<style>
  /* Komentar CSS di dalam HTML */
  h1 {
    color: blue;
  }
</style>

Dan sebaliknya, jangan pernah pakai  di dalam file CSS, karena nanti browser bakal bingung dan bisa error.

Kesimpulan

Komentar itu penting banget buat bikin kode kamu lebih rapi dan gampang dimengerti, baik oleh kamu sendiri di masa depan, maupun orang lain yang kerja bareng kamu. Tapi inget, pakai komentar dengan bijak—jangan sampai bikin kode jadi lebih ribet daripada tanpa komentar.

Selamat ngoding, dan jangan lupa kasih komentar yang bermanfaat di setiap baris penting kode kamu!

filesop.com