Entitas HTML


Karakter yang dicadangkan dalam HTML harus diganti dengan entitas karakter.


Entitas HTML

Beberapa karakter dicadangkan dalam HTML.

Jika Anda menggunakan tanda kurang dari (<) atau lebih besar dari (>) dalam teks Anda, browser mungkin mencampurnya dengan tag.

Entitas karakter digunakan untuk menampilkan karakter yang dicadangkan dalam HTML.

Entitas karakter terlihat seperti ini:

&entity_name;

OR

&#entity_number;

Untuk menampilkan tanda kurang dari (<) kita harus menulis: < atau <

Keuntungan menggunakan nama entitas: Nama entitas mudah diingat.
Kerugian menggunakan nama entitas: Browser mungkin tidak mendukung semua nama entitas, tetapi dukungan untuk nomor entitas bagus.


Ruang tanpa putus

Entitas yang umum digunakan dalam HTML adalah ruang non-breaking:  

Ruang tak putus adalah ruang yang tidak akan menembus baris baru.

Dua kata yang dipisahkan oleh spasi tidak terputus akan saling menempel (tidak pecah menjadi baris baru). Hal ini berguna ketika melanggar kata-kata mungkin mengganggu.

Contoh:

  • 10
  • 10 km/jam
  • 10 malam

Penggunaan umum lainnya dari ruang non-breaking adalah untuk mencegah browser memotong spasi di halaman HTML.

Jika Anda menulis 10 spasi dalam teks Anda, browser akan menghapus 9 spasi. Untuk menambahkan spasi nyata ke teks, Anda dapat menggunakan   entitas karakter.

Tip: Tanda hubung tanpa putus ( ) digunakan untuk mendefinisikan karakter tanda hubung (‑) yang tidak memecah baris baru.



Beberapa Entitas Karakter HTML yang Berguna

Result Description Entity Name Entity Number Try it
non-breaking space &nbsp; &#160;
< less than &lt; &#60;
> greater than &gt; &#62;
& ampersand &amp; &#38;
" double quotation mark &quot; &#34;
' single quotation mark (apostrophe) &apos; &#39;
¢ cent &cent; &#162;
£ pound &pound; &#163;
¥ yen &yen; &#165;
euro &euro; &#8364;
© copyright &copy; &#169;
® registered trademark &reg; &#174;

Catatan: Nama entitas peka huruf besar/kecil.


Menggabungkan Tanda Diakritik

Tanda diakritik adalah "mesin terbang" yang ditambahkan ke surat.

Beberapa tanda diakritik, seperti kuburan ( ) dan lancip ( ) disebut aksen.

Tanda diakritik dapat muncul di atas dan di bawah huruf, di dalam huruf, dan di antara dua huruf.

Tanda diakritik dapat digunakan dalam kombinasi dengan karakter alfanumerik untuk menghasilkan karakter yang tidak ada dalam rangkaian karakter (encoding) yang digunakan di halaman.

Berikut beberapa contohnya:

Mark Character Construct Result Try it
 ̀ a a&#768;
 ́ a a&#769;
̂ a a&#770;
 ̃ a a&#771;
 ̀ O O&#768;
 ́ O O&#769;
̂ O O&#770;
 ̃ O O&#771;

Anda akan melihat lebih banyak simbol HTML di bab berikutnya dari tutorial ini.