Kamis, 19 Mei 2022

Special Character HTML

Terdapat beberapa karakter spesial seperti copyright symbol © yang tidak termasuk ke dalam standar kelompok ASCII characters, di mana ASCII characters hanya menyediakan karakter seperti huruf, nomor dan beberapa simbol dasar. Dan karakter lain seperti lebih dari (>) atau kurang dari (<) walaupun tersedia dalam ASCII character, karakter tersebut tidak dapat digunakan secara langsung sebagai konten pada HTML, karena karakter tersebut akan terbaca sebagai sebuah tag.
Untuk menampilkan karakter seperti yang disebutkan tadi, HTML memerlukan sebuah “escaped” character. Escaping artinya adalah tidak menuliskan karakter itu sendiri, melainkan menggantinya dengan nilai numeric atau character reference pada karakternya.
Terdapat dua cara untuk melakukannya, yakni dengan menetapkan nilai numerik (numeric entity) atau menggunakan nama singkatan yang sudah ditetapkan untuk masing-masing karakternya (named entity). Semua referensi karakter dimulai dengan “&” dan diakhiri dengan “;”.
Contohnya untuk menggunakan simbol copyright, kita dapat menggunakan “&copy” 

  1. <p>Belajar Dasar Pemrograman Web &copy; 2022, Dicoding Academy</p>


atau “&#169”.

  1. <p>Belajar Dasar Pemrograman Web &#169; 2022, Dicoding Academy</p>


Alhasil, tampilannya sama.
Xi3ubjgGaRWlTcEugMt8VGocFMCknNY3DiAvYagUdJ8iorLORQL61gNj118ga-9gNESUAoKqNF3KghgzbjmwgTt4nwMhUQhv2qRUjFHeyTKpQedVmxwNLYLjOrAHAsMrJPAChwCG
Berikut daftar karakter spesial dengan karakter referensinya.
Karakter
Deskripsi
Named Entity
Numeric Entity

non-breaking space
&nbsp;
&#160;
&
Ampersand
&amp;
&#038;
Apostrophe
&apos;
&#039;
<
Kurang dari (less-than)
&lt;
&#060;
>
Lebih dari (greater-than)
&gt;
&#062;
©
Hak cipta (copyright)
&copy;
&#169;
®
Merek dagang terdaftar (registered trademark)
&reg;
&#174;
Merek dagang (trademark)
&trade;
&#8482;
£
Pound
&pound;
&#163;
¥
Yen
&yen;
&#165;
Euro
&euro;
&#8364;
En-dash
&ndash;
&#8211;
Em-dash
&mdash;
&#8212;
Kutip tunggal kiri
&lsquo;
&#8216;
Kutip tunggal kanan
&rsquo;
&#8217;
Kutip ganda kiri
&ldquo;
&#8221;
Kutip ganda kanan
&rdquo;
&#8221;
Bullet
&bull;
&#8226;
...
Horizontal ellipsis
&hellip;
&#8230;

Posting Komentar