Komentar merupakan fasilitas pada CSS yang biasanya digunakan untuk menjelaskan isi suatu kode dalam menyusun gaya pada halaman HTML. Penulisan komentar bermanfaat untuk memberikan penjelasan tentang gaya yang akan diberikan dalam menyusun halaman HTML.
Pemberian komentar pada CSS kadang sering ditiadakan karena akan membebani ruang penyimpanan. Namun keberadaan komentar pada CSS dapat membantu di dalam proses pengeditan dokumen HTML pada masa mendatang. Penulisan komentar pada lembar gaya akan mempermudah dalam memahami proses penataan gaya halaman HTML. Komentar akan mengarahkan seseorang dalam membaca file CSS baris demi baris dengan mudah dan menganalisanya jika terdapat sesuatu yang harus diperbaiki.
Saat menemukan komentar pada CSS, browser dan mesin penerjemah tidak akan mengeksekusi komentar tersebut. Komentar tersebut akan diabaikan dan penerjemah akan meneruskan tugasnya hingga selesai.
Saat proses pengujian tampilan gaya, pemberian notasi komentar akan terasa sangat berguna. Karena mungkin terdapat gaya CSS yang ingin dihilangkan sementara untuk proses pengujian. Anda cukup menambahkan notasi komentar pada baris tersebut dan mesin penerjemah tidak akan mengeksekusinya.
Penulisan komentar pada CSS untuk satu baris dilakukan dengan menambahkan tanda double slash "//". Namun jika untuk beberapa baris dapat menggunakan tanda notasi slash dan asteric "/*" sebagai pembuka komentar. Dan untuk menutup komentar digunakan notasi asteric dan slash "*/".
CSS
1
2
3
4
5
6
// Ini untuk komentar satu baris
/* Ini untuk komentar satu baris juga */
/* Ini untuk
komentar dua baris
atau lebih (multiple line)
*/
Berikut contoh dari penggunaan penulisan komentar pada CSS:
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<style>
th:last-child{
color:#ff8800;
//warna orange;
}
td:last-child{
color:#004488;
/* untuk warna
biru tua yaa..
*/
}
</style>
<title>Belajar Style Sheet Pada CSS</title>
</head>
<body>
<table>
<tr><th>No.</th><th>Nama Benua</th><th>Nama Negara</th></tr>
<tr><td></td><td>Asia</td><td>Indonesia</td></tr>
<tr><td>2.</td><td>Asia</td><td>Malaysia</td></tr>
<tr><td>3.</td><td>Asia</td><td>Singapura</td></tr>
<tr><td>4.</td><td>Eropa</td><td>Belanda</td></tr>
<tr><td>5.</td><td>Eropa</td><td>Inggris</td></tr>
</table>
</body>
</html>
Jika dijalankan akan menghasilkan tampilan sebagai berikut :
Halaman Terkait
Tutorial CSS
Paling Banyak Dibaca
News Letters
Silahkan masukkan email Anda untuk berlangganan informasi kami
Previous Page
