Tutorial HTML/CSS 21 : Pelajari Cara Membuat Komentar di HTML

Last Updated on September 10, 2021 by

Pada artikel sebelumnya, Codekey telah membahas tentang attribute HTML, kali ini kita akan membahas tentang cara membuat komentar di HTML. Komentar HTML adalah elemen yang digunakan untuk menambahkan komentar di HTML Anda. Jika Anda tertarik untuk tahu tentang komentar HTML, simak terus artikel ini sampai habis.

Cara Membuat Komentar di HTML

Komentar HTML dimulai dengan tanda <!- – dan ditutup dengan tanda – -!>. Komentar HTML dapat dilihat oleh siapa saja yang melihat kode sumber halaman, tetapi tidak ditampilkan saat dokumen HTML dirender oleh browser.

Komentar dalam HTML adalah bagian kode yang tidak ditampilkan dan ditampilkan di tampilan browser. Meskipun pengunjung situs web Anda dapat melihat teks, video, dan gambar, mereka tidak dapat melihat apa yang telah Anda beri komentari. Berikut adalah contohnya:

<!--contoh penggunaan komentar, komentar tidak akan tampil pada browser-->
<p>Text ini akan muncul pada browser</p>

Umumnya, komentar HTML ditujukan untuk developer yang mungkin ingin melihat kode sumber. Tujuannya adalah untuk membantu author dari kode tersebut untuk menjelaskan kode-kodenya kepada developer lain agar kode tersebut bisa lebih dipahami.

Dengan menggunakan komentar HTML. Anda bisa menjelaskan pilihan Anda kepada kolega atau klien yang ingin me-review kode Anda atau melakukan debug pada program dengan lebih cepat. Berikut ini adalah tips untuk membuat komentar di HTML:

1. Tidak seperti elemen HTML lainnya, komentar tidak bisa disarangkan, (unnested).
2. Pastikan untuk menghapus semua komentar yang tidak diperlukan di dalam HTML sebelum menerbitkan sebuah situs. File yang lebih kecil bisa melakukan loading di browser dengan lebih cepat.

Syntax untuk Cara Membuat Komentar di HTML

Berikut ini adalah cara membuat komentar di HTML dalam bentuk beberapa syntax sederhana.

Tag yang digunakan untuk memisahkan komentar HTML dari teks lainnya adalah sederhana:

<!– comment text –>

Anda juga dapat menggunakannya untuk komentar HTML multiline:

<!--
comment line 1
comment line 2
comment line 3

Saat melihat cara berkomentar dalam HTML, Anda mungkin menemukan tag <comment> – namun, ini adalah elemen eksperimental yang tidak pernah ada dalam spesifikasi HTML. Tidak ada browser modern yang mendukungnya:

Ini merupakan<comment>contoh</comment> penggunaan comment.

Mengomentari Kode Blok

Menggunakan tag komentar HTML juga memungkinkan Anda untuk mengomentari sebuah kode baik yang kompleks maupun panjang dan dapat di-disable.

<div>
<p>Belajar Bersama Codekey</p>
<!--  
Selamat belajar HTML CSS
--> 
</div>

Mampu berkomentar dalam HTML membantu dalam debugging atau testing yang mudah. Terkadang Anda menemukan kesalahan dalam kode Anda tetapi tidak yakin di mana atau apa masalah sebenarnya. Dalam kasus seperti itu, Anda dapat mengomentari bagian untuk menonaktifkan sementara kode Anda dan mencari tahu bit mana yang menyebabkan masalah.

Tipe yang tidak bisa dalam komentar di HTML

Ada dua jenis komentar lain dalam HTML yang sedikit lebih kompleks dan memiliki tujuan yang berbeda: komentar bersyarat dan komentar perangkat lunak. Keduanya milik teknologi lama yang tidak boleh Anda gunakan sekarang. Namun, ada baiknya untuk memahami apa itu jika Anda menemukannya di dokumen lama.

Fitur komentar HTML bersyarat berlaku di browser Internet Explorer (IE) versi 5-9. Seperti namanya, hal itu memberi ketentuan tentang apa yang harus ditampilkan:

<div>
  <!--[if IE 5]>
  berikan instruksi untuk pengguna internet explorer disini
  <![endif]-->
</div>

Catatan: Internet Explorer 10 dan yang terbaru tidaj didukung oleh komentar kondisional.

Sebuah komentar perangkat lunak bisa dimasukkan ke dalam sebuah editor HTML yang disebut FrontPage untuk mengirimkan pesan yang spesifik.

<!--webbot bot-->

Demikianlah penjelasan tentang cara membuat komentar di HTML. Jika Anda tertarik untuk tahu lebih banyak tentang HTML pastikan Anda menyimak seri tutorial HTML/CSS di Codekey. Situs Codekey menyediakan berbagai tutorial untuk kamu belajar bahasa pemrograman lainnya seperti Python dan JavaScript.