Komentar HTML: Menambahkan Komentar, Menyembunyikan Konten, dan Menyembunyikan Konten Inline

Dalam HTML, komentar adalah potongan kode yang tidak terlihat di halaman web dan tidak mempengaruhi tampilan konten. Komentar digunakan untuk menambahkan catatan, penjelasan, atau perubahan sementara pada kode, sehingga lebih mudah dipahami dan dikelola. Komentar juga bisa digunakan untuk menyembunyikan bagian-bagian tertentu dari kode HTML agar tidak ditampilkan di browser.

Table of Contents

Menambahkan Komentar

Untuk menambahkan komentar dalam HTML, Kamu bisa menggunakan sintaks . Apa pun yang ditulis di dalam tanda ini akan dianggap sebagai komentar dan tidak akan ditampilkan di halaman web.

<!-- Ini adalah komentar -->

Contoh:

<!DOCTYPE html>
<html>
<head>
    <title>Halaman Web Saya</title>
</head>
<body>
    <!-- Ini adalah header halaman web -->
    <h1>Selamat Datang di Halaman Web Saya</h1>
    <p>Ini adalah halaman web sederhana.</p>
</body>
</html>

Pada contoh di atas, komentar  tidak terlihat di halaman web. Komentar ini hanya bertujuan untuk memberikan konteks kepada siapa pun yang membaca kodenya.

Hasilnya:

Menyembunyikan Konten

Komentar HTML juga dapat digunakan untuk menyembunyikan bagian-bagian konten. Dengan menempatkan tag  di sekitar kode yang ingin Kamu sembunyikan, Kamu bisa menghilangkannya dari halaman web tanpa harus menghapus kode tersebut. Ini berguna untuk pengujian atau jika Kamu ingin menyimpan kode yang mungkin diperlukan nanti.

<!-- 
<h2>Ini adalah bagian yang disembunyikan</h2>
<p>Konten ini tidak akan ditampilkan.</p>
-->

Contoh:

<!DOCTYPE html>
<html>
<head>
    <title>Halaman Web Saya</title>
</head>
<body>
    <h1>Selamat Datang di Halaman Web Saya</h1>
    <p>Ini adalah halaman web sederhana.</p>
    <!-- 
    <h2>Bagian ini disembunyikan</h2>
    <p>Kamu tidak akan melihat konten ini di halaman.</p>
    -->
</body>
</html>

Pada contoh ini, tag <h2> dan <p> dibungkus di dalam komentar, sehingga tidak akan ditampilkan di halaman web. Ini memungkinkan Kamu untuk menyembunyikan bagian kode tanpa menghapusnya.

Hasilnya:

Menyembunyikan Konten Inline

Kadang-kadang, Kamu mungkin ingin menyembunyikan hanya sebagian dari baris kode daripada seluruh bagiannya. Komentar HTML juga bisa digunakan untuk tujuan ini.

<p>Ini terlihat <!-- Ini disembunyikan --> konten.</p>

Contoh:

<!DOCTYPE html>
<html>
<head>
    <title>Halaman Web Saya</title>
</head>
<body>
    <h1>Selamat Datang di Halaman Web Saya</h1>
    <p>Ini adalah konten <!-- Bagian ini disembunyikan --> yang terlihat.</p>
</body>
</html>

Pada contoh ini, frasa  berada di dalam tag paragraf. Hanya teks “Ini adalah konten yang terlihat.” yang akan ditampilkan di halaman web, sementara bagian yang disembunyikan diabaikan oleh browser.

Hasilnya:

Kesimpulan

Komentar HTML adalah alat yang berguna bagi pengembang. Komentar memungkinkan Kamu untuk menambahkan catatan, menyembunyikan konten, dan mengelola kode dengan lebih efektif. Baik Kamu perlu memberi anotasi pada HTML Kamu atau sementara menghapus konten dari halaman web, memahami cara menggunakan komentar HTML dengan baik sangat penting bagi setiap pengembang web.