Untuk membuat sebuah karakter dicadangkan (alternatif lain) dalam HTML maka penulisannya harus diganti dengan entitas karakter.
Section Artikel
Entitas pada HTML
Beberapa karakter dapat dicadangkan dalam HTML.
Jika kita menggunakan tanda kurang dari (<) atau lebih besar dari (>) dalam teks HTML, browser mungkin akan menganggap tanda tersebut adalah sebuah tag.
Entitas karakter pada HTML digunakan untuk menampilkan karakter yang dipesan atau yang ingin ditampikkan dalam dokumen HTML.
Entitas karakter dapat berupa:
&entity_name; OR &#entity_number; |
Untuk menampilkan tanda kurang dari (<) kita harus menulis < atau < (Tambahakan “;” (tanpa tanda kutip) menghapus “;” untuk menghindari browser membaca entitas sebagai simbol sehingga nomor entitas tidak tampil dan justru akan menampilkan tanda kurang dari “<“).
Keuntungan menggunakan nama entitas adalah nama entitas mudah diingat.
Kerugian menggunakan nama entitas adalah browser mungkin tidak mendukung semua nama entitas, tetapi mendukung untuk penggunaan nomor entitas.
Non-breaking space
Entitas yang juga umum digunakan dalam HTML adalah non-breaking space : .
Non-breaking space adalah sebuah cara agar membuat spasi yang ditambahkan tidak akan berganti dari suatu baris ke baris baru.
Dua kata yang terpisah oleh non-breaking space akan saling menempel (tidak terpisah ke baris baru). Penggunaan noon-breaking space berguna saat pemisahan dua kata dirasa mengganggu.
Contoh :
- § 10
- 10 km/h
- 10 PM
Penggunaan yang juga sangat umum dari non-breaking space adalah untuk mencegah browser menghapus spasi di halaman HTML.
Jika kita menulis 10 spasi dalam teks HTML, browser akan menghapus sembilan spasi lain. Untuk membuat browser menambahkan spasi pada teks, Anda dapat menggunakan entitas karakter.
Tips: Tanda hubung non-breaking (‑) digunakan untuk menentukan karakter tanda hubung (-) yang tidak masuk ke baris baru.
Entitas Karakter HTML yang Penting
Hasil | Deskripsi | Nama entitas | Angka Entitas |
non-breaking space |   |   | |
< | kurang dari | < | < |
> | lebih dari | > | > |
& | simbol untuk ‘dan | & | & |
“ | tanda kutip dua | " | " |
‘ | tanda kutip tunggal (apostrof) | &apos | ' |
¢ | sen | ¢ | ¢ |
£ | poundsterling | £ | £ |
¥ | yen | ¥ | ¥ |
€ | euro | &euro | € |
© | copyright | © | © |
® | merek terdaftar | ® | ® |
Catatan: Nama entitas peka huruf besar / kecil (Case sensitive).
Menggabungkan Tanda Diakritik
Tanda diakritik adalah sebua “glyph” yang ditambahkan dalam huruf.
Beberapa tanda diakritik, seperti grave ( ̀) dan acute( ́) atau disebut aksen.
Tanda diakritik dapat muncul di atas,bawah huruf, dalam huruf, dan di antara dua huruf.
Tanda diakritik dapat digunakan dalam kombinasi dengan karakter alfanumerik untuk menghasilkan karakter yang tidak ada dalam kumpulan karakter (pengkodean) yang digunakan pada halaman.
Berikut beberapa contohnya:
Tanda | Karakter | Konstruk | Hasil |
̀ | a | à | à |
́ | a | á | á |
̂ | a | â | â |
̃ | a | ã | ã |
̀ | O | Ò | Ò |
́ | O | Ó | Ó |
̂ | O | Ô | Ô |
̃ | O | Õ | Õ |
Sekian pembahasan tentang entitas pada dokumen HTML, semoga bermanfaat.