Pengkodan HTML (Sistem Karakتر)

Halaman Sebelumnya Simbol Wajah HTML
Halaman Berikutnya URL HTML

Untuk menampilkan halaman HTML dengan benar, peramban web harus tahu set karakter 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 set karakter baku HTML 4. Set karakter ini mendukung 256 kode karakter yang berbeda. HTML 4 juga mendukung UTF-8.

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

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

Atribut charset HTML

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

Ini adalah <meta> Ditetapkan di dalam tag:

<meta charset="UTF-8">

Coba sendiri

Perbedaan di antara set karakter

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

Numb	ASCII	ANSI	8859	UTF-8	Description
32					ruang
33	!	!	!	!	tanda serupa
34	"	"	"	"	petanda petunjuk
35	#	#	#	#	number tanda
36	$	$	$	$	dollar tanda
37	%	%	%	%	persen tanda
38	38	38	38	38	&
tanda dan	39	39	39	39	'
apostrof	40	40	40	40	(
tanda kurung kiri	41	41	41	41	)
tanda kurung kanan	42	42	42	42	*
tanda asterisk	43	43	43	43	+
tanda tambah	44	44	44	44	,
tanda koma	45	45	45	45	-
tanda minus	46	46	46	46	.
tanda titik	47	47	47	47	/
tanda garis lurus	48	48	48	48	0
nombor nol	49	49	49	49	1
nombor satu	50	50	50	50	2
nombor dua	51	51	51	51	3
nombor tiga	52	52	52	52	4
nombor empat	53	53	53	53	5
nombor lima	54	54	54	54	6
nombor enam	55	55	55	55	7
nombor tujuh	56	56	56	56	8
nombor lapan	57	57	57	57	9
nombor sembilan	58	58	58	58	:
tanda titik	59	59	59	59	;
tanda koma	60	60	60	60	<
tanda kurang daripada	61	61	61	61	=
tanda sama dengan	62	62	62	62	>
tanda lebih besar daripada	?	?	?	?	tanda soal
64	@	@	@	@	tanda komersial
65	A	A	A	A	Abjad huruf kapital Latin A
66	B	B	B	B	Abjad huruf kapital Latin B
67	C	C	C	C	Abjad huruf kapital Latin C
68	D	D	D	D	Abjad huruf kapital Latin D
69	E	E	E	E	Abjad huruf kapital Latin E
70	F	F	F	F	Abjad huruf kapital Latin F
71	G	G	G	G	Abjad huruf kapital Latin G
72	H	H	H	H	Abjad huruf kapital Latin H
73	I	I	I	I	Abjad huruf kapital Latin I
74	J	J	J	J	Abjad huruf kapital Latin J
75	K	K	K	K	Abjad huruf kapital Latin K
76	L	L	L	L	Abjad huruf kapital Latin L
77	M	M	M	M	Abjad huruf kapital Latin M
78	N	N	N	N	Abjad huruf kapital Latin N
79	O	O	O	O	Abjad huruf kapital Latin O
80	80	80	80	80	P
Latin capital letter P	81	81	81	81	Q
Latin capital letter Q	82	82	82	82	R
Latin capital letter R	83	83	83	83	S
Latin capital letter S	84	84	84	84	T
Latin capital letter T	85	85	85	85	U
Latin capital letter U	86	86	86	86	V
Latin capital letter V	87	87	87	87	W
Latin capital letter W	88	88	88	88	X
Latin capital letter X	89	89	89	89	Y
Latin capital letter Y	90	90	90	90	Z
Latin capital letter Z	91	91	91	91	[
left square bracket	92	92	92	92	\
reverse solidus	93	93	93	93	]
right square bracket	94	94	94	94	^
circumflex accent	_	_	_	_	low line
96	`	`	`	`	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
faham	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					single right-pointing angle quotation mark
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					single right-pointing angle quotation mark
142					Latin capital letter Z with caron
143					single right-pointing angle quotation mark
144					single right-pointing angle quotation mark
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					149
		bullet
en dash					em dash
152					small tilde
153					trade mark sign
154					Latin small letter s with caron
155					single right-pointing angle quotation mark
156					Latin small ligature oe
157					NOT USED
158
Latin small letter z with caron		159	159	159
Latin capital letter Y with diaeresis		160	160	160	no-break space
¡		inverted exclamation mark	inverted exclamation mark	inverted exclamation mark	¢
cent sign		£	£	£	pound sign
¤		currency sign	currency sign	currency sign	¥
yen sign		166	166	166	¦
broken bar		167	167	167	§
section sign		168	168	168	¨
diaeresis		169	169	169	©
copyright sign		170	170	170	ª
feminine ordinal indicator		171	171	171	«
left-pointing double angle quotation mark		172	172	172	¬
not sign					soft hyphen
174		®	®	®	registered sign
175		¯	¯	¯	macron
176		°	°	°	degree sign
177		±	±	±	plus-minus sign
178		²	²	²	superscript two
179		³	³	³	superscript three
180		´	´	´	acute accent
181		µ	µ	µ	micro sign
182		¶	¶	¶	pilcrow sign
183		·	·	·	middle dot
184		¸	¸	¸	cedilla
185		¹	¹	¹	superscript one
186		º	º	º	masculine ordinal indicator
187		»	»	»	right-pointing double angle quotation mark
188		¼	¼	¼	vulgar fraction one quarter
189		½	½	½	vulgar fraction one half
190		¾	¾	¾	vulgar fraction three quarters
191		¿	¿	¿	inverted question mark
192		À	À	À	Latin capital letter A with grave
193		Á	Á	Á	Latin capital letter A with acute
194		Â	Â	Â	Latin capital letter A with circumflex
195		Ã	Ã	Ã	Latin capital letter A with tilde
196		Ä	Ä	Ä	Latin capital letter A with diaeresis
197		Å	Å	Å	Latin capital letter A with ring above
198		Æ	Æ	Æ	Latin capital letter AE
199		Ç	Ç	Ç	Latin capital letter C with cedilla
200		È	È	È	Latin capital letter E with grave
201		É	É	É	Latin capital letter E with acute
202		Ê	Ê	Ê	Latin capital letter E with circumflex
203		Ë	Ë	Ë	Latin capital letter E with diaeresis
204		Ì	Ì	Ì	Latin capital letter I with grave
205		Í	Í	Í	Latin capital letter I with acute
206		Î	Î	Î	Latin capital letter I with circumflex
207		Ï	Ï	Ï	Latin capital letter I with diaeresis
208		Ð	Ð	Ð	Latin capital letter Eth
209		Ñ	Ñ	Ñ	Latin capital letter N with 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 acute		234	234	234	ê
Huruf kecil Latin e dengan circumflex		235	235	235	ë
Huruf kecil Latin e dengan diaeresis		236	236	236	ì
Huruf kecil Latin i dengan grave		237	237	237	í
Huruf kecil Latin i dengan acute		238	238	238	î
Huruf kecil Latin i dengan circumflex		239	239	239	ï
Huruf kecil Latin i dengan diaeresis		240	240	240	ð
Huruf kecil Latin eth		241	241	241	ñ
Huruf kecil Latin n dengan tilde		242	242	242	ò
Huruf kecil Latin o dengan grave		243	243	243	ó
Huruf kecil Latin o dengan acute		244	244	244	ô
Huruf kecil Latin o dengan circumflex		245	245	245	õ
Huruf kecil Latin o dengan tilde		246	246	246	ö
Huruf kecil Latin o dengan diaeresis		247	247	247	÷
division sign		ø	ø	ø	Huruf kecil Latin o dengan stroke
249		ù	ù	ù	Huruf kecil Latin u dengan grave
250		ú	ú	ú	Huruf kecil Latin u dengan acute
251		û	û	û	Huruf kecil Latin dengan circumflex
252		ü	ü	ü	Huruf kecil Latin u dengan diaeresis
253		ý	ý	ý	Huruf kecil Latin y dengan acute
254		þ	þ	þ	Huruf kecil Latin thorn
255		ÿ	ÿ	ÿ	Huruf kecil Latin y dengan diaeresis

Set Karakter ASCII

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

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

ASCII tidak menggunakan nilai 128 hingga 255.

Karakter set ANSI (Windows-1252)

Untuk nilai 0 hingga 127, ANSI sama dengan ASCII.

ANSI memiliki sekumpulan karakter khusus, nilai dari 128 hingga 159.

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

Karakter set ISO-8859-1

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

8859-1 tidak menggunakan nilai 128 hingga 159.

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

Karakter set UTF-8

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

UTF-8 tidak menggunakan nilai 8 hingga 159.

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

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

Untuk mendalami lebih lanjut, baca panduan lengkap kami tentang karakter set HTML.

Aturan @charset CSS

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

Contoh

Tetapkan pengkodean tabel gaya menjadi Unicode UTF-8:

@charset "UTF-8";

Bergabungkan lebih banyak informasi tentang Aturan @charset CSS Kandungan.

Halaman Sebelumnya Simbol Wajah HTML
Halaman Berikutnya URL HTML

Jadual Kursus

Tutorial Dasar HTML

HTML XHTML

Formulir HTML

Gambar HTML

Media HTML

HTML5

API HTML

Contoh/Penilaian/Simpul

Panduan Referensi HTML

Kursus pilihan

Rekomendasi Kursus: