Ad Code

Iklan Disini

Ticker

6/recent/ticker-posts

Belajar HTML : HTML Comment

HTML Comment

Comment dalam Pemrograman

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

Maksudnya, keberadaan comment dalam source code akan diabaikan dan tidak dibaca oleh komputer saat programnya dijalankan. Dalam kasus HTML, browser akan mengabaikan semua comment yang kita tulis.

"Lalu, apa gunanya comment kalau begitu?"

Bayangkan kalian diberi tugas untuk memperbaiki sebuah kode HTML. Namun, kode tersebut rumit dan sulit bagi kalian untuk tahu fungsi dari masing-masing bagian dalam kode.

Pasti kalian akan berfikir:
"Aduh, andaikan programmer yang bikin kodenya bisa dikasih penjelasan kodenya sedikit saja"

Nah itulah gunanya comment. Kita bisa menambahkan comment pada source code kita untuk memberi catatan kecil yang menjelaskan kode yang kita tulis.

Comment tidak hanya berguna bagi programmer lain, tetapi juga akan berguna bagi kita sebagai pembuatnya. Misalnya, bisa saja kalian lupa tentang fugnsi kode yang kalian tulis di 3 bulan yang lalu.

HTML comment diawali dengan <!-- dan diakhiri dengan -->.

Contohnya seperti ini :

<html>
    <head>
        <title> Website Pribadiku</title>
    </head>
    <body>
        <header>
        ....
        </header>
    <!-- Paragraf di bawah ini dalam bahasa Latin -->
    <main>
        <p>
            Lorem, ipsom doliasdj asi satu aterasi acashasd.
        </p>
    </main>
    </body>
</html>

Kalau diperhatikan, comment "Paragraf di bawah ini dalam bahasa Latin tidak ditampilkan dalam halaman web. Namun orang lain yang membaca source code kita akan tetap dapat membaca comment kita.

Dengan cara yang sama, kita juga bisa membuat beberapa kode yang kita ketik tidak dijalankan oleh browser. Misalnya ketika ada situasi di mana kalian ingin menghilangkan sebuah element dalam halaman web untuk sementara. Daripada kalian hapus kodenya, kalian bisa membungkus kode yang ingin kalian hilangkan sementara dalam tanda <!-- dan -->.

sd

Posting Komentar

0 Komentar

Ad Code

Responsive Advertisement