Beranda / Pemrograman / Web / CSS Comments: Cara Bikin Kode Kamu Lebih Rapi dan Gak Bikin Bingung (Tutorial CSS Part 5)

CSS Comments: Cara Bikin Kode Kamu Lebih Rapi dan Gak Bikin Bingung (Tutorial CSS Part 5)

1. CSS Comments: Apa Itu dan Kenapa Penting?

Kalau kamu pernah ngoding CSS dan ngerasa kodenya makin panjang dan bikin pusing, komentar bisa jadi penyelamat kamu. Komentar di CSS itu bukan cuma hiasan — fungsinya buat menjelaskan apa yang kamu tulis di kode, jadi kalau kamu buka lagi nanti (atau orang lain yang baca), nggak perlu nebak-nebak maksudnya apa.

Contoh komentar di CSS:

/* Ini buat ganti warna background header */
header {
  background-color: #333;
  color: white;
}
CSS

Komentar di CSS dibuka pakai /* dan ditutup dengan */. Semua teks di dalamnya nggak akan dijalankan sama browser, jadi aman buat nulis catatan apa aja.

Kapan Harus Pakai Komentar?

  • Pas bikin layout yang rumit, biar tahu bagian mana buat apa.
  • Buat nandain blok kode tertentu.
  • Kalau kamu ngerjain proyek bareng tim, komentar bisa bantu banget buat komunikasi antar developer.
  • Buat ngasih tahu kenapa kamu pakai properti atau nilai tertentu (apalagi kalau triknya nggak biasa).

2. HTML dan CSS Comments: Bedanya Apa?

Nah, meskipun sama-sama “komentar”, HTML dan CSS punya cara penulisan yang beda.

Komentar di HTML:

CSS Border Style (Tutorial CSS Part 15)

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

Komentar di CSS:

/* Ini komentar CSS */
body {
  font-family: Arial, sans-serif;
}
CSS

Bedanya:

  • Komentar HTML pakai <!-- -->, dan biasanya dipakai buat nandain bagian-bagian struktur halaman.
  • Komentar CSS pakai /* */, dan dipakai buat nandain gaya/tampilan elemen.

Tips Pakai Komentar yang Baik

  • Jangan lebay — cukup tulis yang penting aja.
  • Buat komentar yang jelas dan mudah dimengerti.
  • Kalau bisa, pakai bahasa yang konsisten (misal, semua komentar pakai bahasa Indonesia atau semua pakai bahasa Inggris).
  • Hindari nulis komentar kayak gini: /* gatau kenapa ini bisa jalan, pokoknya jangan dihapus */ — ini bakal nyusahin kamu sendiri nanti.

Penutup

Komentar itu kayak penunjuk jalan di tengah hutan kode kamu. Tanpa komentar, kamu (atau teman kamu) bisa nyasar dan bingung sendiri pas buka file CSS yang udah lama gak disentuh. Jadi, mulai sekarang jangan malas komentar, ya! Kode yang bagus bukan cuma jalan, tapi juga bisa dipahami.

Komentar

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *