Menambahkan komentar ke file CSS Anda dapat sangat membantu Anda dan orang lain selama proses pengembangan jika digunakan dengan benar. Cara paling umum adalah menambahkan informasi petunjuk ke aturan gaya CSS, namun menggunakan komentar juga berguna untuk mengoptimalkan struktur organisasi dan meningkatkan utilitas.
Tip dan tag
Ini adalah cara paling umum untuk membuat anotasi. Anda dapat meninggalkan tip untuk Anda sendiri atau pengembang lain untuk menghindari kebingungan dan masalah yang tidak perlu di kemudian hari. Kesederhanaan penerapan ini adalah yang terpenting. Misalnya:
/* Matikan batas untuk gambar yang ditautkan */
img { border: 0; }
Stempel Waktu dan Tanda Tangan
Banyak desainer dan pengembang menandai file CSS terbaru yang diperbarui dengan tanggal dan waktu, serta namanya. Ini akan memberi kami beberapa informasi kontak dan pembaruan dokumentasi.
/* Styles Diperbarui: Kam 4.8.08 @ 17:15 Penulis: 52CSS.com ——-*/
Metode ini bisa sangat berguna untuk sebuah proyek, terutama jika Anda adalah bagian dari sebuah tim. Berhati-hatilah karena beberapa organisasi mengharuskan informasi ini untuk dicantumkan dalam dokumen, dan beberapa perusahaan suka meninggalkan nama dan tanggal di luar dokumen, jadi sebaiknya klarifikasi hal-hal ini sebelum Anda mulai.
Sebaiknya
gunakan komentar untuk menunjukkan bagian berbeda dari dokumen CSS Anda. Misalnya, jika semua informasi header dikelompokkan bersama, Anda dapat menggunakan komentar untuk membedakannya dari gaya blok di bawah.
/* HEADER __________________-*/
Saya akan menjelaskan lebih lanjut tentang ini selanjutnya, tapi sekarang mari kita bahas dulu bagaimana cara “memisahkan tipe gaya”
tag anotasi
jika CSS Anda Jika file dibagi menjadi beberapa blok seperti yang saya sebutkan di atas, menggunakan penanda komentar dapat bekerja dengan fungsi "temukan" untuk memungkinkan Anda beralih di antara berbagai bagian dokumen dengan mudah. Tandai sebuah bab (Chapter), seperti menggunakan tanda sama dengan "=", lalu tambahkan nama blok setelahnya, seperti "HEADER", sehingga membuat "anchor" untuk dokumen CSS Anda.
/* =HEADER __________________________________-*/
Metode ini sangat berguna dalam style sheet dengan konten yang kompleks.