Komentar, Spasi, & Karakter Khusus
Menulis komentar HTML, memahami cara browser memperlakukan spasi, dan memakai entitas untuk tanda khusus seperti <, >, &, dan ©.
Komentar
Komentar adalah catatan untuk manusia yang tidak ditampilkan di halaman. Cocok untuk menjelaskan bagian kode, atau menonaktifkan sementara sepotong HTML.
<!-- Ini komentar: tidak tampil di browser -->
<p>Ini tampil.</p>
<!--
<p>Paragraf ini dinonaktifkan sementara.</p>
-->Komentar dibuka dengan <!-- dan ditutup dengan -->. Pintasan di banyak editor: Ctrl + / (atau Cmd + / di Mac).
Awas: komentar tetap terlihat jika orang memilih "View Source". Jangan menulis kata sandi atau rahasia di dalamnya.
Mengapa tanda < dan > bermasalah?
Karena < dipakai untuk memulai tag, browser akan bingung kalau kamu ingin menampilkan tanda itu sebagai teks biasa. Solusinya: entitas HTML, yaitu kode khusus yang diawali & dan diakhiri ;.
| Tampil | Entitas | Keterangan |
|---|---|---|
| < | < | less than |
| > | > | greater than |
| & | & | ampersand |
| " | " | tanda kutip ganda |
| © | © | hak cipta |
| ® | ® | merek terdaftar |
| (spasi) | | spasi yang tidak bisa dipecah |
| € | € | mata uang euro |
Contoh menampilkan tag sebagai teks:
<p>Tag paragraf ditulis <p>isi</p>.</p>Spasi yang "dipaksakan"
Karena browser menggabungkan spasi berlebih, gunakan bila benar-benar perlu spasi tambahan atau mencegah dua kata terpisah di akhir baris (misalnya "Rp 50.000"). Untuk jarak yang lebih besar, jangan memakai deretan ; gunakan CSS.
Emoji dan simbol
Karena kita memakai <meta charset="UTF-8">, kamu bisa mengetik langsung emoji dan huruf bernuansa seperti 😀 ✓ é ñ tanpa entitas.