Cara Menggunakan Komentar pada HTML
Jika kalian sudah mengikuti tutorial-tutorial sebelumnya tentang HTML pada blog ini, kalian mungkin ada yang bingung fungsi dari masing-masing baris kode HTML. Latihan-latihan sebelumnya masih memuat beberapa baris HTML, belum terlalu banyak. Ketika kalian benar-benar membangun sebuah website maka kode HTML yang kalian ketik bisa ratusan bahkan ribuan baris. Sehingga dikemudian hari terkadang kalian sendiri akan bingung ketika akan melakukan update tampilan website. Apalagi jika kalian disuruh untuk edit kode HTML yang sebelumnya dibuat oleh orang lain. Atau sebaliknya kode HTML kalian akan diedit oleh orang lain maka pasti akan kesulitan jika tidak menggunakan komentar.
Apa itu Komentar HTML?
Komentar adalah bagian dari kode yang ketika HTML dijalankan akan diabaikan oleh Web Browser apa pun. Menerapkan komentar pada HTML sangat dibutuhkan, terutama dalam dokumen HTML yang kompleks, fungsinya adalah untuk menunjukkan bagian-bagian dari struktur kode HTML kalian, dan catatan lainnya kepada siapa pun yang mungkin melihat kode tersebut. Komentar membantu kalian sendiri dan orang lain untuk memahami kode kalian dan untuk meningkatkan keterbacaan kode.
Cara Membuat Komentar di HTML
Komentar HTML ditempatkan di antara tag <! – … ->. Jadi, setiap konten yang ditempatkan dengan tag <! – … -> akan diperlakukan sebagai komentar dan akan sepenuhnya diabaikan oleh Web Browser.
Contoh Penggunaan komentar pada HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html> <head> <!-- Bagian untuk menulis Judul --> <title>Belajar Komentar HTML Bersama SolusiLain.Com</title> </head> <body> <h3>Penanganan Corona di Bengkulu</h3> <!-- mulai membuat paragraf --> <p> Untuk penanganan corona di Bengkulu, telah dibentuk Posko Terpadu Pencegahan dan Penanganan Pandemi Virus Korona (Covid-19) Provinsi Bengkulu, di RSUD M Yunus Bengkulu. Posko diresmikan pada Rabu (18/3/2020) oleh Sekda Provinsi Bengkulu Hamka Sabri. </p> </body> </html> |
Pada contoh kode HTML di atas, terdapat 2 komentar, yang pertama untuk menunjukkan bagian judul <!– Bagian untuk menulis Judul –> dan yang kedua untuk menunjukkan memulai membuat paragraf <!– mulai membuat paragraf –>. Kedua komentar tersebut akan diabaikan oleh Web Browser saat file HTML dijalankan. Sehingga hasil dari kode HTML di atas seperti ini.

Hasil Latihan Komentar HTML
Contoh di atas adalah penggunaan komentar single line (satu baris). Bagaimana jika ingin membuat komentar multi line (banyak baris)?. Caranya sama saja, tinggal gunakan Enter seperti contoh berikut:
1 2 3 4 5 |
<!-- Bagian ini untuk mendefinisikan judul diikuti dengan penulis ditambah informasi kapan diupload. --> |
Kesimpulan:
Komentar ini sangat penting jika kita melakukan coding HTML dengan banyak baris kode. Dengan komentar kita akan mudah mencari bagian-bagian kode, kita akan mudah saat melakukan pengembangan, dan mudah dalam trouble shooting dan perbaikan kode HTML.