-->

HTML : Comment


HTML Comment

Sebenarnya tidak hanya dalam HTML, dalam dunia pemrograman, comment adalah catatan kecil yang bisa kita tambahkan ke dalam source code (kode sumber) tanpa mengubah fungsi dan alur dari program yang kita buat.

Intinya kode program yang diberi comment di dalam source code akan diabaikan dan tidak akan dibaca oleh komputer saat program tersebut dijalankan.

"Terus, apa gunanya comment?"

Coba kalian bayangkan kalian diberi tugas untuk memperbaiki sebuah kode program, namun ternyata kode program tersebut sangat rumit dan sulit bagi kalian untuk mengetahui kegunaan dari masing-masing fungsi yang ada pada kode tersebut.

Pasti kalian akan berpikir :

"Hadeh.. andaikan programmer yang bikin bisa jelasin kode nya sedikit saja."

Nah, itulah kegunaan dari comment untuk memberi sebuah catatan kecil yang menjelaskan kode yang kita tulis. 

Comment tidak hanya berguna bagi programmer lain, tetapi berguna juga bagi diri kita sendiri sebagai pembuatnya. Misalnya bisa saja kalian lupa kode yang kalian tulis 4 bulan lalu.

untuk memberi comment pada HTML harus diawali dengan <!-- dan diakhiri dengan -->

Berikut adalah contohnya :



<!DOCTYPE html>
<html>
<head>
     <title>comment</title>
</head>
<body>
   
    <!-- ini adalah comment single-line -->
    
    <!--
        ini adalah comment multi-line
    -->
    
    <!-- Paragraf pertama -->
    <p>This is paragraph.</p>

</body>
</html>


Jika program diatas dijalankan pada browser, maka text Paragraf pertama tidak akan ditampilkan oleh browser. Namun orang lain yang membaca source code kita akan tetap membaca comment yang kita buat.

Dengan menggunakan cara yang sama, kita juga bisa membuat beberapa kode yang kita ketik agar tidak dijalankan oleh browser. Misalnya ketika sebuah situasi dimana kalian ingin menghilangkan element dari halaman web untuk sementara.


<!DOCTYPE html>
<html>
    <head>
         <title>comment</title>
    </head>

    <body>
       <!-- <h1>Heading satu</h1> -->
        <h1>Heading kedua</h1>
    </body>
</html>


Jika dijalankan, browser hanya akan menampilkan teks Heading kedua dan teks Heading satu akan diabaikan dan tidak ditampilkan. Untuk menampilkan kembali teks Heading satu kalian cukup menghilangkan tanda <!-- dan --> yang membungkus potongan kodenya.

Note: Only a member of this blog may post a comment.