Komentar CSS tidak ditampilkan di browser, tetapi dapat membantu mendokumentasikan kode sumber (source code) Anda.
Komentar CSS
Komentar digunakan untuk menjelaskan kode, dan dapat membantu saat Anda mengedit kode sumber di lain waktu.
Komentar diabaikan oleh browser.
Komentar CSS ditempatkan di dalam elemen <style>, dan
dimulai dengan /* dan diakhiri dengan */.
Contoh
/* Ini adalah komentar satu baris */
p {
color: blue;
}
Anda dapat menambahkan komentar di mana pun Anda inginkan dalam kode.
Contoh
p {
color: blue; /* Mengatur warna teks menjadi biru */
}
Komentar juga dapat mencakup beberapa baris.
Contoh
/* Ini adalah
komentar
bebarapa baris */
p {
color: blue;
}
Komentar HTML dan CSS
Dari tutorial HTML, Anda mengetahui bahwa Anda dapat menambahkan komentar ke
sumber HTML Anda dengan menggunakan sintaks berikut
<!--...-->.
Pada contoh ini, kita akan menggunakan kombinasi komentar HTML dan CSS:
Contoh
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: blue; /* Mengatur warna teks menjadi biru */
}
</style>
</head>
<body>
<h2>Ini Heading</h2>
<!-- Paragraf ini akan berwarna biru -->
<p>Hello World!</p>
<p>Paragraf ini diberi style dengan CSS.</p>
<p>Komentar dalam CSS tidak akan ditampilkan.</p>
</body>
</html>
Sumber referensi: w3schools.com
Komentar
Posting Komentar