Pinned

Entitas Reserved HTML dan Fungsinya

HTML menyediakan beberapa method untuk menampilkan reserved karakter. Reserved karakter adalah karakter yang tersembunyi untuk HTML atau tidak ditampilkan pada papan keyboard dasar.



46 Karakter Utama Entitas Reserved pada HTML
Ilustrasi Entitas Reserved HTML

Sebelum memahami lebih dalam materi tentang Entitas Reserved HTML dan Fungsinya, terlebih dahulu pelajari materi tentang: Elemen Kode Komputer HTML dan Fungsinya [klik], Penggunaan Canvas pada HTML [klik], dan Fungsi SVG pada HTML [klik].

Contoh: Karakter '<' adalah karakter tersembunyi pada bahasa HTML. Terkadang karakter tersebut jika ditampilkan pada halaman website dapat menciptakan ambiguitas pada pembuatan halaman website, sehingga karakter-karakter tersebut yang jarang sekali ditampilkan pada papan keyboard ( £, ¥, €, ©, dan lain sebagainya ). 

HTML menyediakan entitas nama dan entitas angka untuk digunakan sebagai simbol pengganti dari reserved karakter tersebut, karena entitas angka sangatlah mudah untuk dipelajari dan ditampilkan pada halaman website tanpa menimbulkan permasalahan yang serius pada program. Berikut ini beberapa entitas angka dan entitas nama seperti diperlihatkan pada tabel 1 sebagai berikut:

Tabel 1 Entitas Karakter Reserved
NotasiSimbolNama EntitasNomor Entitas
 non-breaking space&nbsp;

 
<kurang dari&lt;

<
®registered trademark&reg;

®
©copyright&copy;

©
euro&euro;

¥yen&yen;

¥
£pound&pound;

£
¢cent&cent;

¢
"tanda petik ganda&quot;

"
&ampersand&amp;

&
>lebih dari&gt;>



partial differential&part;∂<


terdapat&exist;


set kosong&empty;
nabla&nabla;

elemen dari&isin;

bukan elemen dari&notin;

himpunan bagian&#&ni;

8715
N-ARY PRODUCT&prod;

N-ARY SUMMATION&sum;

ΑAlpha&Alpha;

Α
ΒBeta&Beta;

Β
ΓGamma&Gamma;

Γ
Δdelta&Delta;

Δ
ΕEpsilon&Epsilon;Ε
ΖZeta&Zeta;

Ζ
BLACK HEART SUIT&hearts;

BLACK CLUB SUIT&clubs;

BLACK SPADE SUIT&spades;

panah ke bawah&darr;

panah ke kanan&rarr;

panah ke atas&uarr;

panah ke kiri&larr;

TRADEMARK&trade;

BLACK DIAMOND SUIT

°derajat&deg;

°
tak terhingga&infin;

per-mille&permil;

titik perkalian&sdot;

±kurang lebih&plusmn;±
hermitian&dagger;

&mdash;

¬&not;

¬
µMicro (mu)&micro;

µ
falsum&perp;

paralel&par;



Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

HTML Entities

</title>

</head>

 

<body>

<p>

Menampilkan simbol euro €

</p>

 

<p>

Menampilkan simbol cent ¢

</p>

 

<p>

Menampilkan simbol Copyright ©

</p>

 

<p>

Menampilkan simbol BLACK DIAMOND SUIT

</p>

 

<p>

Menampilkan simbol TRADEMARK ™

</p>

</body>

 

</html>

Output:

Menampilkan simbol euro €

Menampilkan simbol cent ¢

Menampilkan simbol Copyright ©

Menampilkan simbol BLACK DIAMOND SUIT ♦

Menampilkan simbol TRADEMARK ™

Artikel ini didedikasikan kepada: Bagas Adi Pamungkas, Delyana Sukahar, Dwi Pratiwiningrum, Fahrunisa Rahma Dewi, dan Heru Prasetyo.

5 komentar:

  1. Apa yang dimaksud dengan entitas HTML?

    BalasHapus
    Balasan
    1. Entitas HTML merupakan potongan teks atau string yang dimulai dengan tanda amperstand "&" dan diakhiri dengan tanda titik koma ";". Entitas digunakan untuk menampilkan karakter yang dipesan atau yang akan diinterpretasikan sebagai kode HTML, dan karakter yang tidak terlihat seperti karakter spasi.

      Hapus
    2. Karakter entitas merupakan konstruksi SGML yang merepresentasikan kumpulan karakter-karakter dokumen. Nama entitas diambil dari lampiran SGML yang didefinsikan pada standar ISO8879.

      Hapus
  2. Apa perbedaan antara emoji dan entitas pada html?

    BalasHapus
    Balasan
    1. Emoji adalah ikon atau karakter digital yang digunakan untuk mengekspresikan perasaan atau emosi tertentu. Emoji telah menjadi media komunikasi halus dalam beberapa dekade terakhir, sedangkan entitas adalah simbol khusus yang terdapat dalam standar ISO dan bukan bentuk ungkapan dari ekspresi apapun.

      Hapus

Hubungi admin melalui Wa : +62-896-2514-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -