Halo teman-teman semuanya, kali ini kita akan bahas hal yang sering dianggap sepele tapi sebenarnya sangat penting, yaitu komentar dalam HTML.
Komentar berguna banget untuk memberikan catatan, penjelasan, atau menonaktifkan kode sementara, apalagi saat kita mulai bikin halaman HTML yang lebih kompleks.
Apa Itu Komentar HTML?
Komentar adalah bagian dari kode yang tidak akan ditampilkan di browser. Komentar hanya bisa dilihat oleh developer saat melihat source code.
Komentar HTML ditulis seperti ini:
<!-- Ini adalah komentar -->
1. Fungsi Komentar
Berikut beberapa fungsi utama komentar dalam HTML:
- Memberikan penjelasan tentang bagian tertentu dari kode.
- Menandai bagian kode yang sedang diuji atau dinonaktifkan.
- Membantu kerja tim agar kode lebih mudah dipahami bersama.
- Menambahkan to-do atau catatan penting.
2. Penggunaan Komentar
-
Contoh 1: Menjelaskan bagian tertentu
<!-- Bagian Header -->
<h1>Selamat Datang di Website Kami</h1>
-
Contoh 2: Menonaktifkan elemen sementara
<!-- <p>Paragraf ini sementara dinonaktifkan</p> -->
-
Contoh 3: Menambahkan catatan atau to-do
<!-- TODO: Tambahkan link ke halaman kontak -->
3. Tips Menulis Komentar yang Baik
- Tulis komentar yang jelas dan ringkas.
- Jangan menulis komentar berlebihan untuk hal-hal yang sudah jelas dari kode.
- Gunakan komentar untuk hal yang mungkin membingungkan di masa depan.
4. Komentar Tidak Ditampilkan di Browser
Komentar tidak akan memengaruhi tampilan website sama sekali. Misalnya:
<p>Ini akan tampil</p>
<!-- <p>Ini tidak akan tampil</p> -->
Hanya paragraf pertama yang akan terlihat di halaman web.
Kesimpulan
Komentar mungkin terlihat sepele, tapi sangat membantu dalam pengembangan web, apalagi kalau proyeknya makin besar.
Di seri selanjutnya, kita akan masuk ke pembahasan HTML Semantic, yaitu elemen-elemen yang membantu struktur halaman lebih bermakna dan SEO-friendly.
Terima Kaish