Pengodean HTML (Sistem Karakter)

Halaman Sebelumnya Emotikon HTML
Halaman Berikutnya URL HTML

Untuk menampilkan halaman HTML dengan benar, peramban web harus mengetahui karakter set yang akan digunakan.

Dari ASCII ke UTF-8

ASCII adalah standar pengkodean karakter pertama. ASCII mendefinisikan 128 karakter yang dapat digunakan di internet: angka (0-9), huruf (A-Z) dan beberapa karakter khusus seperti: ! $ + - ( ) @ < >.

ISO-8859-1 adalah karakter set standar HTML 4. Karakter set ini mendukung 256 kode karakter yang berbeda. HTML 4 juga mendukung UTF-8.

ANSI (Windows-1252) adalah karakter set Windows asli. ANSI sama dengan ISO-8859-1, tetapi dengan tambahan 32 karakter ekstra.

Spesifikasi HTML5 mendorong para pengembang web menggunakan karakter set UTF-8, karakter set yang mencakup hampir semua karakter dan simbol di dunia!

Atribut charset HTML

Untuk menampilkan halaman HTML dengan benar, peramban web harus mengetahui karakter set yang digunakan di halaman.

Ini adalah <meta> dinyatakan di dalam tag:

<meta charset="UTF-8">

Coba sendiri

Perbedaan antara karakter set

Tabel di bawah menunjukkan perbedaan antara karakter set yang disebutkan di atas:

Numb	ASCII	ANSI	8859	UTF-8	Deskripsi
32					spasi
33	!	!	!	!	tanda seru
34	"	"	"	"	tanda kutip
35	#	#	#	#	tanda nomor
36	$	$	$	$	tanda dollar
37	%	%	%	%	tanda persen
38	&	&	&	&	ampersand
39	'	'	'	'	apostrophe
40	(	(	(	(	38
nombor tiga puluh lima	&	&	&	&	tanda tanda dan
'	nombor empat puluh	nombor empat puluh	nombor empat puluh	nombor empat puluh	(
tanda kurung kiri	nombor empat puluh satu	nombor empat puluh satu	nombor empat puluh satu	nombor empat puluh satu	)
tanda kurung kanan	*	*	*	*	tanda asterisk
+	tanda plus	tanda plus	tanda plus	tanda plus	,
tanda koma	-	-	-	-	nombor empat puluh enam
.	tanda titik	tanda titik	tanda titik	tanda titik	nombor tujuh puluh tujuh
/	nombor empat puluh delapan	nombor empat puluh delapan	nombor empat puluh delapan	nombor empat puluh delapan	nombor nol
nombor empat puluh sembilan	1	1	1	1	nombor satu
nombor lima puluh	nombor lima puluh	nombor lima puluh	nombor lima puluh	nombor lima puluh	nombor dua
nombor lima puluh	2	2	2	2	nombor lima puluh satu
3	nombor tiga	nombor tiga	nombor tiga	nombor tiga	4
nombor empat	5	5	5	5	nombor lima
nombor empat puluh empat	6	6	6	6	nombor enam
nombor lima puluh lima	7	7	7	7	nombor tujuh
nombor enam puluh enam	8	8	8	8	nombor delapan
57	nombor tujuh puluh tujuh	nombor tujuh puluh tujuh	nombor tujuh puluh tujuh	nombor tujuh puluh tujuh	9
nombor sembilan	58	58	58	58	:
tanda titik	59	59	59	59	;
tanda koma	60	60	60	60	<
tanda kurang dari	61	61	61	61	=
tanda sama dengan	62	62	62	62	>
tanda lebih besar	?	?	?	?	tanda tanya
64	@	@	@	@	tanda komersial
65	A	A	A	A	Huruf kapital Latin A
66	B	B	B	B	Huruf kapital Latin B
67	C	C	C	C	Huruf kapital Latin C
68	D	D	D	D	Huruf kapital Latin D
69	E	E	E	E	Huruf kapital Latin E
70	F	F	F	F	Huruf kapital Latin F
71	G	G	G	G	Huruf kapital Latin G
72	H	H	H	H	Huruf kapital Latin H
73	I	I	I	I	Huruf kapital Latin I
74	J	J	J	J	Huruf kapital Latin J
75	K	K	K	K	Huruf kapital Latin K
76	L	L	L	L	Huruf kapital Latin L
77	M	M	M	M	Huruf kapital Latin M
78	N	N	N	N	Huruf kapital Latin N
79	O	O	O	O	Huruf kapital Latin O
Latin capital letter M	N	N	N	N	Latin capital letter N
O	Latin capital letter O	Latin capital letter O	Latin capital letter O	Latin capital letter O	80
P	Latin capital letter P	Latin capital letter P	Latin capital letter P	Latin capital letter P	81
Q	Latin capital letter Q	Latin capital letter Q	Latin capital letter Q	Latin capital letter Q	82
R	Latin capital letter R	Latin capital letter R	Latin capital letter R	Latin capital letter R	83
S	Latin capital letter S	Latin capital letter S	Latin capital letter S	Latin capital letter S	84
T	Latin capital letter T	Latin capital letter T	Latin capital letter T	Latin capital letter T	85
U	Latin capital letter U	Latin capital letter U	Latin capital letter U	Latin capital letter U	86
V	Latin capital letter V	Latin capital letter V	Latin capital letter V	Latin capital letter V	87
W	Latin capital letter W	Latin capital letter W	Latin capital letter W	Latin capital letter W	88
X	Latin capital letter X	Latin capital letter X	Latin capital letter X	Latin capital letter X	89
Y	Latin capital letter Y	Latin capital letter Y	Latin capital letter Y	Latin capital letter Y	90
Z	Latin capital letter Z	Latin capital letter Z	Latin capital letter Z	Latin capital letter Z	91
[	left square bracket	left square bracket	left square bracket	left square bracket	\
reverse solidus	]	]	]	]	right square bracket
^	circumflex accent	circumflex accent	circumflex accent	circumflex accent	_
low line	`	`	`	`	grave accent
97	a	a	a	a	Latin small letter a
98	b	b	b	b	Latin small letter b
99	c	c	c	c	Latin small letter c
100	d	d	d	d	Latin small letter d
101	e	e	e	e	Latin small letter e
102	f	f	f	f	Latin small letter f
103	g	g	g	g	Latin small letter g
104	h	h	h	h	Latin small letter h
105	i	i	i	i	Latin small letter i
106	j	j	j	j	Latin small letter j
107	k	k	k	k	Latin small letter k
108	l	l	l	l	Latin small letter l
109	m	m	m	m	Latin small letter m
110	n	n	n	n	Latin small letter n
111	o	o	o	o	Latin small letter o
112	p	p	p	p	Latin small letter p
113	q	q	q	q	Latin small letter q
114	114	114	114	114	r
Latin small letter r	115	115	115	115	s
Latin small letter s	116	116	116	116	t
Latin small letter t	117	117	117	117	u
Latin small letter u	118	118	118	118	v
Latin small letter v	119	119	119	119	w
Latin small letter w	120	120	120	120	x
Latin small letter x	121	121	121	121	y
Latin small letter y	122	122	122	122	z
Latin small letter z	123	123	123	123	{
left curly bracket	\|	\|	\|	\|	vertical line
125	}	}	}	}	right curly bracket
126	~	~	~	~	tilde
127	DEL
128					euro sign
129
130					single low-9 quotation mark
131					Latin small letter f with hook
132					double low-9 quotation mark
133					horizontal ellipsis
134					dagger
135					double dagger
136					modifier letter circumflex accent
137					per mille sign
138					Latin capital letter S with caron
139					single left-pointing angle quotation mark
140					Latin capital ligature OE
141
142					Latin capital letter Z with caron
143
144
145					left single quotation mark
146					right single quotation mark
147					left double quotation mark
148					right double quotation mark
149					bullet
150					en dash
151					em dash
					tanda tanda titik
		tanda en dash
tanda em dash		151
tilde kecil		153
tanda merk dagang		154
huruf kecil Latin s dengan caron		155	155	155
tanda petik tanda panah kanan tunggal		156
huruf kecil Latin ligatur oe		157
NOT USED
huruf kecil Latin z dengan caron		159	159	159
huruf kapital Latin Y dengan diaeresis		160	160	160	spasi tak terputus
¡		tanda tanda seru kembali	tanda tanda seru kembali	tanda tanda seru kembali	¢
tanda mata uang Amerika Serikat		£	£	£	tanda mata uang Inggris
¤		tanda mata uang	tanda mata uang	tanda mata uang	¥
tanda mata uang Jepang		166	166	166	¦
bar rusak		167	167	167	§
tanda bagian		168	168	168	¨
diaeresis		169	169	169	©
tanda hak cipta		170	170	170	ª
indikator ordinal perempuan		171	171	171	«
petik tanda panah kiri ganda		172	172	172	¬
tanda tidak					hyphen lembut
174		®	®	®	tanda registrasi
175		¯	¯	¯	macron
176		°	°	°	tanda derajat
177		±	±	±	tanda plus-minus
178		²	²	²	suku dua
179		³	³	³	suku tiga
180		´	´	´	tanda akut
181		µ	µ	µ	tanda mikro
182		¶	¶	¶	tanda pilkrow
183		·	·	·	titik tengah
184		¸	¸	¸	cedilla
185		¹	¹	¹	suku satu
186		º	º	º	indikator ordinal lelaki
187		»	»	»	187
»		petik garis lurus ke kanan	petik garis lurus ke kanan	petik garis lurus ke kanan	188
¼		fraksi umum sepertiga	fraksi umum sepertiga	fraksi umum sepertiga	½
fraksi umum setengah		¾	¾	¾	fraksi umum sepertiga
191		¿	¿	¿	tanda tanya terbalik
192		À	À	À	Huruf kapital Latin dengan tanda serupa
193		Á	Á	Á	Huruf kapital Latin dengan akut
194		Â	Â	Â	Huruf kapital Latin dengan akut
195		Ã	Ã	Ã	Huruf kapital Latin dengan tilde
196		Ä	Ä	Ä	Huruf kapital Latin dengan diaeresis
197		Å	Å	Å	Huruf kapital Latin dengan lingkaran di atas
198		Æ	Æ	Æ	Huruf kapital Latin dengan AE
199		Ç	Ç	Ç	Huruf kapital Latin dengan cedilla
200		È	È	È	Huruf kapital Latin dengan tanda serupa
201		É	É	É	Huruf kapital Latin dengan akut
202		Ê	Ê	Ê	Huruf kapital Latin dengan akut
203		Ë	Ë	Ë	Huruf kapital Latin dengan diaeresis
204		Ì	Ì	Ì	Huruf kapital Latin dengan tanda serupa
205		Í	Í	Í	Huruf kapital Latin dengan akut
206		Î	Î	Î	Huruf kapital Latin dengan akut
207		Ï	Ï	Ï	Huruf kapital Latin dengan diaeresis
208		Ð	Ð	Ð	Huruf kapital Latin dengan Eth
209		Ñ	Ñ	Ñ	Huruf kapital Latin dengan tilde
210		Ò	Ò	Ò	Latin capital letter O with grave
211		Ó	Ó	Ó	Latin capital letter O with acute
212		Ô	Ô	Ô	Latin capital letter O with circumflex
213		Õ	Õ	Õ	Latin capital letter O with tilde
214		Ö	Ö	Ö	Latin capital letter O with diaeresis
215		×	×	×	multiplication sign
216		Ø	Ø	Ø	Latin capital letter O with stroke
217		Ù	Ù	Ù	Latin capital letter U with grave
218		Ú	Ú	Ú	Latin capital letter U with acute
219		Û	Û	Û	Latin capital letter U with circumflex
220		Ü	Ü	Ü	Latin capital letter U with diaeresis
221		Ý	Ý	Ý	Latin capital letter Y with acute
222		Þ	Þ	Þ	Latin capital letter Thorn
223		ß	ß	ß	Latin small letter sharp s
224		à	à	à	Latin small letter a with grave
225		á	á	á	Latin small letter a with acute
226		â	â	â	Latin small letter a with circumflex
227		ã	ã	ã	Latin small letter a with tilde
228		ä	ä	ä	Latin small letter a with diaeresis
229		å	å	å	Latin small letter a with ring above
230		æ	æ	æ	Latin small letter ae
231		ç	ç	ç	Latin small letter c with cedilla
232		è	è	è	Latin small letter e with grave
233		233	233	233	é
Huruf kecil Latin e dengan akut		234	234	234	ê
Huruf kecil Latin e dengan akut		235	235	235	ë
Huruf kecil Latin e dengan diaresis		236	236	236	ì
Huruf kecil Latin i dengan tombol		237	237	237	í
Huruf kecil Latin i dengan akut		238	238	238	î
Huruf kecil Latin i dengan akut		239	239	239	ï
Huruf kecil Latin i dengan diaresis		240	240	240	ð
Huruf kecil Latin eth		241	241	241	ñ
Huruf kecil Latin n dengan tilde		242	242	242	ò
Huruf kecil Latin o dengan tombol		243	243	243	ó
Huruf kecil Latin o dengan akut		244	244	244	ô
Huruf kecil Latin o dengan akut		245	245	245	õ
Huruf kecil Latin o dengan tilde		246	246	246	ö
Huruf kecil Latin o dengan diaresis		247	247	247	÷
division sign		ø	ø	ø	Huruf kecil Latin o dengan garis
249		ù	ù	ù	Huruf kecil Latin u dengan tombol
250		ú	ú	ú	Huruf kecil Latin u dengan akut
251		û	û	û	Huruf kecil Latin dengan akut
252		ü	ü	ü	Huruf kecil Latin u dengan diaresis
253		ý	ý	ý	Huruf kecil Latin y dengan akut
254		þ	þ	þ	Huruf kecil Latin thorn
255		ÿ	ÿ	ÿ	Huruf kecil Latin y dengan diaresis

Set Karakter ASCII

ASCII menggunakan nilai antara 0 sampai 31 (dan 127) sebagai karakter kontrol.

ASCII menggunakan nilai antara 32 hingga 126 untuk mewakili huruf, angka, dan simbol.

ASCII tidak menggunakan nilai antara 128 hingga 255.

Karakter set ANSI (Windows-1252)

Untuk nilai antara 0 hingga 127, ANSI sama dengan ASCII.

ANSI memiliki kelompok karakter khusus, nilai mereka dari 128 hingga 159.

Untuk nilai antara 160 hingga 255, ANSI sama dengan UTF-8.

Karakter set ISO-8859-1

Untuk nilai antara 0 hingga 127, 8859-1 sama dengan ASCII.

8859-1 tidak menggunakan nilai antara 128 hingga 159.

Untuk nilai antara 160 hingga 255, 8859-1 sama dengan UTF-8.

Karakter set UTF-8

Untuk nilai antara 0 hingga 127, UTF-8 sama dengan ASCII.

UTF-8 tidak menggunakan nilai antara 128 hingga 159.

Untuk nilai antara 160 hingga 255, UTF-8 sama dengan ANSI dan 8859-1.

UTF-8 melanjutkan dari nilai 256, mengandung lebih dari 10000 karakter yang berbeda.

Untuk menggali lebih mendalam, baca panduan referensi lengkap karakter set HTML kami.

Aturan @charset CSS

Anda dapat menggunakan aturan @charset CSS untuk menentukan enkoding karakter yang digunakan dalam tabel gaya:

Contoh

Atur enkoding tabel gaya menjadi Unicode UTF-8:

@charset "UTF-8";

Dapatkan lebih banyak informasi tentang Aturan @charset CSS isi.

Halaman Sebelumnya Emotikon HTML
Halaman Berikutnya URL HTML

Jadwal Kursus

Tutorial Dasar HTML

HTML XHTML

Formulir HTML

Gambar HTML

Media HTML

HTML5

API HTML

Contoh/Penilaian/Resumi

Panduan Referensi HTML

Pemilihan Kelas

Rekomendasi Kursus: