Tutorial Text HTML Part 11: Cara Menampilkan dan Memasukkan Karakter Khusus ke dalam HTML

Selain karakter alfanumerik, kadang kita butuh menulis karakter-karakter khusus ke dalam HTML, misalnya tanda “<”. Karakter kurung siku “<” tidak bisa dituliskan begitu saja di dalam HTML, karena karakter kurung siku berfungsi internal dalam HTML sebagai tanda pembuka tag. Di dalam tutorial text HTML kali ini, kita akan mempelajari cara menampilkan dan memasukkan karakter khusus ke dalam HTML

Cara Memasukkan Karakter Khusus ke dalam HTML

Untuk memasukkan karakter-karakter khusus ke dalam HTML, kita harus men-‘escape’ karakter tersebut. Istilah escape maksudnya bahwa dari pada menulis sebuah karakter secara langsung, kita bisa menggantinya dengan angka atau referensi yang merujuk kepada karakter tersebut.
Dalam HTML, terdapat 2 cara untuk men-‘escape’ karakter, yaitu dengan menggunakan penomoran angka (numeric entity), dan menggunakan singkatan untuk karakter (named entity). Kedua cara ini ditulis dengan karakter ‘&’ pada awal penulisan, dan diakhiri dengan karakter ‘;’.
Sebagai contoh, jika saya ingin menuliskan karakter “<” di dalam konten HTML, maka penulisannya adalah sebagai berikut:

Saya sedang belajar menampilkan karakter < dalam HTML

Cara diatas menggunakan penomoran angka atau numeric entity. Karakter “<” memiliki numeric entity 60, sehingga ditulis menjadi &#060;.
Jika menggunakan singkatan karakter atau named entity, karakter “<”ditulis menjadi &lt; sebagai berikut:

Saya sedang belajar menampilkan karakter < dalam HTML

---

Tabel Karakter Khusus dalam HTML

Selain karakter “<”, HTML menyediakan ratusan karakter khusus yang bisa digunakan. Berikut adalah tabel karakter khusus yang sering digunakan:

 Untuk list lengkap karakter-karakter khusus dalam HTML, anda bisa melihatnya di situs Web Standars Project di www.webstandards.org/learn/reference/charts/entities/

Sebagai penutup, berikut adalah contoh kode HTML yang akan menampilkan beberapa karakter khusus dalam HTML:

 

Salah satu karakter penting untuk diketahui adalah karakter ‘non-breaking space’, yang ditulis sebagai &nbsp; karakter ini berfungsi untuk memastikan bahwa frase atau kata tidak terpisah.

Tutorial HTML Lanjutan: Format Text HTML

 

• Tutorial Text HTML Part 12: Tag abbr, cite, dfn, dan small untuk Struktur Text HTML
• Tutorial Text HTML Part 13: Tag-tag Deprecated untuk Struktur Text dalam HTML