Belajar HTML Part 21 - Entitas Karakter dan Simbol-Simbol dalam HTML

Entitas Karakter

Pada keyboard komputer, tidak dicantumkan karakter-karakter tertentu sehingga digantikan yang oleh entitas karakter. Oleh karena itu, gunakan entitas karakter saat menuliskan suatu karakter tertentu, khususnya karekter yang tidak ada pada keyboard komputer.

Contoh penulisan entitas karakter:

&entity_name;

Atau

&#entity_number;

Seperti saat kita ingin menampilkan tanda lebih dari (less than) (<) kita harus menulis: & lt; atau & # 60;

Dalam menuliskan entitas, kita juga bisa menggunakan nama entitas (entity name). Dalam penulisannya, ada kelebihan dan kelemahannya masing-masing.

Keuntungan menggunakan nama entitas adalah kemudahannya untuk diingat. Kita akan lebih mudah mengingat copy daripada ©.
Kelemahannya adalah tidak semua browser mendukung penggunaan nama entitas, sehingga dalam penulisan entitas, penggunaan entitas angka akan lebih baik digunakan.

Berikut adalah beberapa entitas karakter dalam HTML:

Tanda	Deskripsi	Nama Entitas	Nomor Entitas
	non-breaking space
<	less than	<	<
>	greater less	>	>
&	ampersand	&	&
"	double quotation mark	"	"
'	single quotation mark	'	'
¢	cent	¢	¢
£	pound	£	£
¥	yen	¥	¥
€	euro	€	€
©	copyright	©	©
®	registered trademerk	®	®

Selain pada tabel di atas, masih banyak entitas karakter yang lainnya.

Nama-nama entitas di atas sangat sensitif, artinya apabila terjadi kesalahan dalam penulisannya, maka sangat mempengaruhi outputnya.

Entitas Non-breaking Space

Entitas Non-reaking Space merupakan sebuah entitas karakter yang paling umum digunakan dalam HTML. Penulisannya adalah & nbsp;.

Sebuah ruang pada entitas non-breaking adalah ruang (space) yang tidak akan masuk ke baris baru. Dua kata yang dipisahkan oleh ruang non-breaking akan tetap bersama-sama (tidak masuk ke baris baru).

Penggunaan entitas non-breaking sangat berguna saat ketika kedua kata apabila dipisahkan oleh sebuah ruang, karena hal itu akan sangat mengganggu.

Fungsi penggunaan lain dari entitas non-breaking space adalah untuk mencegah browser memotong atau menghilangkan ruang di halaman HTML. Misalnya, kita menuliskan 10 ruang dalam teks kita, browser akan menghapus 9 ruang diantara 10 ruang tersebut. Oleh karena itu, untuk menambah ruang pada teks, kita dapat menggunakan entitas karakter & nbsp;.

Tanda hubung non-breaking (& # 8209;) memungkinkan kita untuk menggunakan karakter tanda hubung (-).

Entitas Simbol

Banyak simbol matematika maupun simbol mata uang, yang tidak ada pada keyboard biasa. Jadi, untuk menambahkan simbol ke halaman HTML, kita dapat menggunakan nama entitas. Jika tidak ada nama entitas, maka kita bisa menggunakan nomor entitas, desimal, atau referensi heksadesimal.

Contoh penulisan:

<!DOCTYPE html>
<html>
<body>

<p>Ini adalah simbol &euro;</p> <!--Nama entitas simbol-->
<p>Ini adalah simbol &#8364;</p> <!--Simbol desimal-->
<p>Ini adalah simbol &#x20AC;</p> <!--Simbol hexadesimal-->

</body>
</html>

Hasilnya:

Contoh di atas adalah penulisan simbol mata uang Euro

Pada tabel-tabel berikut ada beberapa macam simbol matematika yang didukung oleh HTML.

Karakter	Nomor	Entitas
∀	∀	&foral
∂	∂	&part
∃	∃	&exist
∅	∅	&empty
∇	∇	&nabla
∈	∈	&isin
∉	∉	&notin
∋	∋	&ni
∏	∏	&prod
∑	∑	&sum

Selain simbol-simbol di atas, masih banyak lagi simbol-simbol matematika yang didukung oleh HTML.

Di bawah ini adalah cara penulisan salah satu karakter dalam tabel di atas:

<!DOCTYPE html>
<html>
<style>
body {
    font-size: 20px;
}
</style>
<body>

<p>Ini adalah simbol &#8704;</p> <!--Simbol desimal-->
<p>Ini adalah simbol &#x2200;</p> <!--Simbol hexadesimal-->
<p>Ini adalah simbol &forall;</p> <!--Nama entitas simbol-->

</body>
</html>

Hasilnya:

Pada contoh di atas, hanya menggunakan satu simbol karakter saja, yaitu karakter ∀. Meskipun pada penulisannya berbeda, tetapi hasil outputnya sama.

Apabila kita ingin mencoba karakter lain, maka gunakan cara yang sama seperti pada contoh di atas. Tapi yang beda hanya pada simbol desimal, heksadesimal, maupun nama entitas simbol.

Demikian pembahasan singkat mengenai Entitas Karakter dan Simbol-simbol dalam HTML.
Semoga bermanfaat.

Sumber: https://www.w3schools.com