Contoh Sembunyikan Elemen v1
Contoh Menyembunyikan Elemen
Untuk membuat keterangan atau catatan dalam HTML agar tidak tampil di browser (baik di dalam <style>, <body>, <head>, atau <script>), kamu bisa gunakan HTML comment dengan format:
<!-- Komentar ini tidak akan tampil di browser -->
Contoh di berbagai bagian HTML:
1.
Di dalam <head>:
2.
Di dalam <style>:
Untuk CSS (dalam tag <style>), gunakan tanda komentar CSS:
<style>
/* Ini komentar CSS dan tidak ditampilkan */
body {
background-color: #f0f0f0;
}
</style>
<body>:4.
Di dalam <script>:
Untuk JavaScript, pakai komentar JavaScript:
<script>
// Ini komentar satu baris JS
/*
Ini komentar banyak baris JS
*/
console.log("Halo dunia");
</script>
Catatan:
- Jangan gunakan
<! tidak tampil >karena itu bukan sintaks komentar yang valid dalam HTML. - Komentar tidak akan terlihat di halaman web, tapi bisa dilihat lewat "View Page Source" atau Developer Tools di browser.
Kalau kamu ingin menyembunyikan elemen dari tampilan halaman web (bukan hanya komentar), kamu bisa gunakan CSS, khususnya properti:
display: none;
Ini akan sepenuhnya menyembunyikan elemen dari halaman (seolah-olah tidak ada), dan elemen itu tidak memakan ruang.
Contoh:
Alternatif: visibility: hidden;
Jika kamu ingin elemen tetap mengambil tempat di layout, tapi tidak terlihat, pakai:
Contoh:
<style>
.tak-terlihat {
visibility: hidden;
}
</style>
<p class="tak-terlihat">Ini tidak terlihat tapi tetap ada tempatnya.</p>
Comments
Post a Comment