Home » HTML » Entitas di HTML: Contoh dan Sintak Membuatnya

Entitas di HTML: Contoh dan Sintak Membuatnya

by Catur Kurnia Sari
by Catur Kurnia Sari

Untuk membuat sebuah karakter dicadangkan (alternatif lain) dalam HTML maka penulisannya harus diganti dengan entitas karakter.

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 &lt; atau &#60 (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 :&nbsp.

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 &nbsp; entitas karakter.

Tips: Tanda hubung non-breaking  (&#8209) digunakan untuk menentukan karakter tanda hubung (-) yang tidak masuk ke baris baru.

Entitas Karakter HTML yang Penting

HasilDeskripsiNama entitasAngka Entitas
non-breaking space&nbsp&#160
<kurang dari&lt&#60
>lebih dari&gt&#62
&simbol untuk ‘dan&amp&#38
tanda kutip dua&quot&#34
tanda kutip tunggal (apostrof)&apos&#39
¢sen&cent&#162
£poundsterling&pound&#163
¥yen&yen&#165
euro&euro&#8364
©
copyright&copy&#169
®merek terdaftar&reg&#174
Tambahkan “;” (tanpa tanda kutip) pada setiap akhir penulisan nama entitas dan angka entitas.

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:

TandaKarakterKonstrukHasil
 ̀aa&#768à
 ́aa&#769á
̂aa&#770â
 ̃aa&#771ã
 ̀OO&#768Ò
 ́OO&#769Ó
̂OO&#770Ô
 ̃OO&#771Õ
Tambahkan “;” (tanpa tanda kutip) pada setiap akhir penulisan konstruk contoh.

Sekian pembahasan tentang entitas pada dokumen HTML, semoga bermanfaat.

You may also like