บทช่วยสอนHTML

HTML หน้าแรก บทนำ HTML โปรแกรมแก้ไข HTML HTML พื้นฐาน องค์ประกอบ HTML แอตทริบิวต์ HTML ส่วนหัว HTML ย่อหน้า HTML รูปแบบ HTML การจัดรูปแบบ HTML ใบเสนอราคา HTML ความคิดเห็น HTML HTML สี HTML CSS ลิงค์ HTML รูปภาพ HTML HTML Favicon ตาราง HTML รายการ HTML บล็อก HTML & อินไลน์ คลาส HTML รหัส HTML HTML Iframes HTML JavaScript เส้นทางไฟล์ HTML หัวหน้า HTML เค้าโครง HTML HTML Responsive HTML รหัสคอมพิวเตอร์ HTML Semantics คู่มือสไตล์ HTML เอนทิตี HTML สัญลักษณ์ HTML HTML Emojis ชุดอักขระ HTML การเข้ารหัส URL HTML HTML กับ XHTML

แบบฟอร์มHTML

แบบฟอร์ม HTML คุณสมบัติแบบฟอร์ม HTML องค์ประกอบแบบฟอร์ม HTML ประเภทอินพุต HTML แอตทริบิวต์การป้อนข้อมูล HTML แอตทริบิวต์แบบฟอร์มการป้อนข้อมูล HTML

กราฟิกHTML

HTML Canvas HTML SVG

สื่อHTML

สื่อ HTML วิดีโอ HTML HTML Audio ปลั๊กอิน HTML HTML YouTube

HTML APIs

HTML Geolocation HTML ลาก/วาง HTML Web Storage HTML Web Workers HTML SSE

ตัวอย่างHTML

ตัวอย่าง HTML แบบทดสอบ HTML แบบฝึกหัด HTML ใบรับรอง HTML สรุป HTML การเข้าถึง HTML

ข้อมูลอ้างอิงHTML

รายการแท็ก HTML แอตทริบิวต์ HTML HTML Global Attributes รองรับ HTML Browser เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ HTML Doctypes ชุดอักขระ HTML การเข้ารหัส URL HTML HTML Lang Codes ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด

การเข้ารหัส HTML (ชุดอักขระ)


ในการแสดงหน้า HTML อย่างถูกต้อง เว็บเบราว์เซอร์ต้องรู้ว่าควรใช้ชุดอักขระใด


จาก ASCII ถึง UTF-8

ASCII เป็นมาตรฐานการเข้ารหัสอักขระตัวแรก ASCII กำหนดอักขระต่าง ๆ 128 ตัวที่สามารถใช้ได้บนอินเทอร์เน็ต: ตัวเลข (0-9) ตัวอักษรภาษาอังกฤษ (AZ) และอักขระพิเศษบางตัว เช่น ! $ + - ( ) @ < > .

ISO-8859-1 เป็นชุดอักขระเริ่มต้นสำหรับ HTML 4 ชุดอักขระนี้รองรับรหัสอักขระที่แตกต่างกัน 256 ตัว HTML 4 ยังรองรับ UTF-8

ANSI (Windows-1252) เป็นชุดอักขระ Windows ดั้งเดิม ANSI เหมือนกับ ISO-8859-1 ยกเว้นว่า ANSI มีอักขระพิเศษ 32 ตัว

ข้อกำหนด HTML5 สนับสนุนให้นักพัฒนาเว็บใช้ชุดอักขระ UTF-8 ซึ่งครอบคลุมอักขระและสัญลักษณ์เกือบทั้งหมดในโลก!


แอตทริบิวต์ชุดอักขระ HTML

ในการแสดงหน้า HTML อย่างถูกต้อง เว็บเบราว์เซอร์ต้องทราบชุดอักขระที่ใช้ในหน้า

สิ่งนี้ระบุไว้ใน<meta>แท็ก:

<meta charset="UTF-8">


ความแตกต่างระหว่างชุดอักขระ

ตารางต่อไปนี้แสดงความแตกต่างระหว่างชุดอักขระที่อธิบายข้างต้น:

มึน ASCII ANSI 8859 UTF-8 คำอธิบาย
32 ช่องว่าง
33!!!!เครื่องหมายอัศเจรีย์
34""""เครื่องหมายคำพูด
35####ป้ายตัวเลข
36$$$$เครื่องหมายดอลลาร์
37%%%%เครื่องหมายเปอร์เซ็นต์
38&&&&เครื่องหมายและ
39''''อะพอสทรอฟี
40((((วงเล็บซ้าย
41))))วงเล็บขวา
42****เครื่องหมายดอกจัน
43++++เครื่องหมายเพิ่มเติม
44,,,,ลูกน้ำ
45----ยัติภังค์ลบ
46....หยุดเต็มที่
47////โซลิดัส
480000เลขศูนย์
491111หลักหนึ่ง
502222หลักสอง
513333หลักสาม
524444หลักสี่
535555หลักห้า
546666หลักหก
557777หลักเจ็ด
568888หลักแปด
579999หลักเก้า
58::::ลำไส้ใหญ่
59;;;;อัฒภาค
60<<<<น้อยกว่าเครื่องหมาย
61====เท่ากับเครื่องหมาย
62>>>>เครื่องหมายมากกว่า
63????เครื่องหมายคำถาม
64@@@@เชิงพาณิชย์ที่
65อาอาอาอาอักษรละตินตัวพิมพ์ใหญ่ A
66บีบีบีบีอักษรตัวพิมพ์ใหญ่ภาษาละติน B
67อักษรตัวพิมพ์ใหญ่ภาษาละติน C
68ดีดีดีดีอักษรตัวพิมพ์ใหญ่ภาษาละติน D
69อีอีอีอีอักษรละตินตัวพิมพ์ใหญ่ E
70FFFFอักษรละตินตัวพิมพ์ใหญ่ F
71จีจีจีจีอักษรละตินตัวพิมพ์ใหญ่ G
72ชมชมชมชมอักษรตัวพิมพ์ใหญ่ภาษาละติน H
73ผมผมผมผมอักษรละตินตัวพิมพ์ใหญ่ I
74เจเจเจเจอักษรละตินตัวพิมพ์ใหญ่ J
75KKKKอักษรตัวพิมพ์ใหญ่ภาษาละติน K
76หลี่หลี่หลี่หลี่อักษรตัวพิมพ์ใหญ่ภาษาละติน L
77เอ็มเอ็มเอ็มเอ็มอักษรละตินตัวพิมพ์ใหญ่ M
78นู๋นู๋นู๋นู๋อักษรตัวพิมพ์ใหญ่ภาษาละติน N
79เธเธเธเธอักษรละตินตัวพิมพ์ใหญ่ O
80พีพีพีพีอักษรละตินตัวพิมพ์ใหญ่ P
81คิวคิวคิวคิวอักษรละตินตัวพิมพ์ใหญ่ Q
82RRRRอักษรตัวพิมพ์ใหญ่ภาษาละติน R
83อักษรตัวพิมพ์ใหญ่ภาษาละติน S
84ตู่ตู่ตู่ตู่อักษรละตินตัวพิมพ์ใหญ่ T
85ยูยูยูยูอักษรละตินตัวพิมพ์ใหญ่ U
86วีวีวีวีอักษรละตินตัวพิมพ์ใหญ่ V
87WWWWอักษรตัวพิมพ์ใหญ่ภาษาละติน W
88XXXXอักษรละตินตัวพิมพ์ใหญ่ X
89YYYYอักษรละตินตัวพิมพ์ใหญ่ Y
90กับกับกับกับอักษรตัวพิมพ์ใหญ่ภาษาละติน Z
91[[[[วงเล็บเหลี่ยมด้านซ้าย
92\\\\กลับโซลิดัส
93]]]]วงเล็บเหลี่ยมขวา
94^^^^สำเนียง circumflex
95____สายต่ำ
96````สำเนียงจริงจัง
97เอเอเอเออักษรตัวเล็กละติน a
98อักษรตัวเล็กละติน b
99อักษรตัวเล็กละติน c
100ddddอักษรตัวเล็กละติน d
101อีอีอีอีอักษรตัวเล็กละติน e
102อักษรตัวเล็กละติน f
103ggggอักษรตัวเล็กละติน g
104ชมชมชมชมอักษรตัวเล็กละติน h
105ผมผมผมผมอักษรตัวเล็กละติน i
106เจเจเจเจอักษรตัวเล็กละติน j
107kkkkอักษรตัวเล็กละติน k
108llllอักษรตัวเล็กละติน l
109อักษรตัวเล็กละติน m
110อักษรตัวเล็กละติน n
111ดิดิดิดิอักษรตัวเล็กละติน o
112พีพีพีพีอักษรตัวเล็กละติน p
113qqqqอักษรตัวเล็กละติน q
114rrrrอักษรตัวเล็กละติน r
115อักษรตัวเล็กละติน s
116ttttอักษรตัวเล็กละติน t
117ยูยูยูยูอักษรตัวเล็กละติน u
118วีวีวีวีอักษรตัวเล็กละติน v
119wwwwอักษรตัวเล็กละติน w
120xxxxอักษรตัวเล็กละติน x
121YYYYอักษรตัวเล็กละติน y
122กับกับกับกับอักษรตัวเล็กละติน z
123{{{{วงเล็บปีกกาซ้าย
124||||เส้นแนวตั้ง
125}}}}วงเล็บปีกกาขวา
126~~~~ตัวหนอน
127ของ    
128   เครื่องหมายยูโร
129 ไม่ได้ใช้
130   เครื่องหมายอัญประกาศต่ำ 9 เดียว
131 ƒ  อักษรละตินตัวเล็ก f พร้อมตะขอ
132   เครื่องหมายอัญประกาศคู่ต่ำ-9
133   จุดไข่ปลาแนวนอน
134   กริช
135   กริชคู่
136 ˆ  ตัวแก้ไข circumflex สำเนียง
137   เป็นพันเซ็น
138 เช  อักษรละตินตัวพิมพ์ใหญ่ S พร้อม caron
139   เครื่องหมายอัญประกาศมุมชี้ซ้ายเดียว
140 Œ  ละตินรัดตัว OE
141 ไม่ได้ใช้
142 Ž  อักษรละตินตัวพิมพ์ใหญ่ Z พร้อม caron
143 ไม่ได้ใช้
144 ไม่ได้ใช้
145 '  ซ้ายเครื่องหมายคำพูดเดียว
146 '  เครื่องหมายอัญประกาศเดี่ยวขวา
147   เครื่องหมายอัญประกาศคู่ซ้าย
148   เครื่องหมายอัญประกาศคู่ขวา
149   กระสุน
150   และ dash
151   คุณรีบ
152 ˜  ตัวหนอนขนาดเล็ก
153   เครื่องหมายการค้า
154 š  อักษรตัวเล็กละติน s กับ caron
155   เครื่องหมายอัญประกาศมุมขวาเดียว
156 .  ละติน มัดเล็ก oe
157 ไม่ได้ใช้
158 ž  อักษรตัวเล็กละติน z พร้อม caron
159 Ÿ  อักษรละตินตัวพิมพ์ใหญ่ Y พร้อม diaeresis
160    พื้นที่ไม่แตก
161 ¡¡¡เครื่องหมายอัศเจรีย์คว่ำ
162 ¢¢¢เซ็นต์เซ็นต์
163 £££เครื่องหมายปอนด์
164 ¤¤¤เครื่องหมายสกุลเงิน
165 ¥¥¥ป้ายเยน
166 ¦¦¦แถบหัก
167 §§§ป้ายส่วน
168 ¨¨¨diaeresis
169 ©©©เครื่องหมายลิขสิทธิ์
170 ªªªตัวบ่งชี้ลำดับของผู้หญิง
171 «««เครื่องหมายคำพูดมุมสองมุมซ้าย
172 ¬¬¬ไม่เซ็น
173 ­­­ยัติภังค์อ่อน
174 ®®®ป้ายทะเบียน
175 ¯¯¯มาครง
176 °°°เครื่องหมายองศา
177 ±±±เครื่องหมายบวก-ลบ
178 ²²²ตัวยกสอง
179 ³³³ตัวยกสาม
180 '''สำเนียงเฉียบพลัน
181 ไมโครไมโครไมโครป้ายไมโคร
182 ป้ายหมอน
183 ···จุดกลาง
184 ¸¸¸cedilla
185 ¹¹¹ตัวยก
186 ºººตัวบ่งชี้ลำดับผู้ชาย
187 »»»เครื่องหมายอัญประกาศสองมุมขวา
188 ¼¼¼เศษส่วนหยาบคายหนึ่งในสี่
189 ½½½เศษส่วนครึ่งหนึ่ง
190 ¾¾¾เศษส่วนหยาบคายสามในสี่
191 ¿¿¿เครื่องหมายคำถามกลับหัว
192 ที่ที่ที่อักษรละตินตัวพิมพ์ใหญ่ A พร้อมหลุมฝังศพ
193 ÁÁÁอักษรละตินตัวพิมพ์ใหญ่ A พร้อมเฉียบพลัน
194 ÂÂÂอักษรละตินตัวพิมพ์ใหญ่ A กับ circumflex
195 เอ๋เอ๋เอ๋อักษรละตินตัวพิมพ์ใหญ่ A พร้อมตัวหนอน
196 แอ็คแอ็คแอ็คอักษรละตินตัวพิมพ์ใหญ่ A พร้อม diaeresis
197 โอ้โอ้โอ้อักษรละตินตัวพิมพ์ใหญ่ A พร้อมวงแหวนด้านบน
198 ÆÆÆอักษรละตินตัวใหญ่ AE
199 อักษรตัวพิมพ์ใหญ่ภาษาละติน C พร้อม cedilla
200 เป็นเป็นเป็นอักษรละตินตัวพิมพ์ใหญ่ E พร้อมหลุมฝังศพ
201 ของมันของมันของมันอักษรละตินตัวพิมพ์ใหญ่ E พร้อมเฉียบพลัน
202 ÊÊÊอักษรละตินตัวพิมพ์ใหญ่ E พร้อม circumflex
203 อีอีอีอักษรละตินตัวพิมพ์ใหญ่ E พร้อม diaeresis
204 ผมผมผมอักษรละตินตัวพิมพ์ใหญ่ I พร้อมหลุมฝังศพ
205 ผมผมผมอักษรละตินตัวพิมพ์ใหญ่ I พร้อมเฉียบพลัน
206 ผมผมผมอักษรละตินตัวพิมพ์ใหญ่ I กับ circumflex
207 ผมผมผมอักษรละตินตัวพิมพ์ใหญ่ I กับ diaeresis
208 ÐÐÐอักษรละตินตัวพิมพ์ใหญ่ Eth
209 ÑÑÑอักษรละตินตัวพิมพ์ใหญ่ N พร้อมตัวหนอน
210 ÒÒÒอักษรละตินตัวพิมพ์ใหญ่ O พร้อมหลุมฝังศพ
211 โอ้โอ้โอ้อักษรละตินตัวพิมพ์ใหญ่ O พร้อมเฉียบพลัน
212 ร่มร่มร่มอักษรละตินตัวพิมพ์ใหญ่ O กับ circumflex
213 ÕÕÕอักษรละตินตัวพิมพ์ใหญ่ O พร้อมตัวหนอน
214 เออเออเอออักษรละตินตัวพิมพ์ใหญ่ O กับ diaeresis
215 ×××เครื่องหมายคูณ
216 ØØØอักษรละตินตัวพิมพ์ใหญ่ O พร้อมขีด
217 ยูยูยูอักษรตัวพิมพ์ใหญ่ละติน U พร้อมหลุมฝังศพ
218 ยูยูยูอักษรละตินตัวพิมพ์ใหญ่ U พร้อมเฉียบพลัน
219 ยูยูยูอักษรละตินตัวพิมพ์ใหญ่ U พร้อม circumflex
220 ยูยูยูอักษรละตินตัวพิมพ์ใหญ่ U พร้อม diaeresis
221 ความคิดความคิดความคิดอักษรละตินตัวพิมพ์ใหญ่ Y พร้อมเฉียบพลัน
222 ไทยไทยไทยอักษรละตินตัวพิมพ์ใหญ่ Thorn
223 ßßßอักษรตัวเล็กละตินคม s
224 ที่ที่ที่อักษรละตินตัวเล็ก a พร้อมหลุมฝังศพ
225 อักษรตัวเล็กละติน a ที่มีเฉียบพลัน
226 âââอักษรละตินตัวเล็ก a กับ circumflex
227 อักษรละตินตัวเล็ก a พร้อมตัวหนอน
228 อักษรตัวเล็กละติน a กับ diaeresis
229 อออออออักษรละตินตัวเล็ก a พร้อมวงแหวนด้านบน
230 æææอักษรตัวเล็กละติน ae
231 อักษรตัวเล็กละติน c กับ cedilla
232 เป็นเป็นเป็นอักษรตัวเล็กละติน e พร้อมหลุมฝังศพ
233 มันคือมันคือมันคืออักษรตัวเล็กละติน e พร้อมเฉียบพลัน
234 ...อักษรตัวเล็กละติน e พร้อม circumflex
235 อีอีอีอักษรตัวเล็กละติน e กับ diaeresis
236 ผมผมผมอักษรตัวเล็กละติน i พร้อมหลุมฝังศพ
237 ผมผมผมอักษรตัวเล็กละติน i ด้วยเฉียบพลัน
238 ผมผมผมอักษรตัวเล็กละติน i กับ circumflex
239 ผมผมผมอักษรตัวเล็กละติน i กับ diaeresis
240 ðððeth .อักษรละตินตัวเล็ก
241 อักษรตัวเล็กละติน n พร้อมตัวหนอน
242 oooอักษรละตินตัวเล็ก o พร้อมหลุมฝังศพ
243 โอ้โอ้โอ้อักษรละตินตัวเล็ก o พร้อมเฉียบพลัน
244 ร่มร่มร่มอักษรตัวเล็กละติน o กับ circumflex
245 õõõอักษรตัวเล็กละติน o พร้อมตัวหนอน
246 เอ๋อเอ๋อเอ๋ออักษรตัวเล็กละติน o กับ diaeresis
247 ÷÷÷เครื่องหมายแบ่ง
248 øøøอักษรละตินตัวเล็ก o พร้อมขีด
249 ยูยูยูอักษรตัวเล็กละติน u พร้อมหลุมฝังศพ
250 ยูยูยูอักษรตัวเล็กละติน u ด้วยเฉียบพลัน
251 และและและอักษรตัวเล็กละตินพร้อม circumflex
252 ยูยูยูอักษรตัวเล็กละติน u ด้วย diaeresis
253 ความคิดความคิดความคิดอักษรตัวเล็กละติน y พร้อมเฉียบพลัน
254 ไทยไทยไทยหนามอักษรละตินตัวเล็ก
255 ÿÿÿอักษรตัวเล็กละติน y พร้อม diaeresis

ชุดอักขระ ASCII

ASCII ใช้ค่าตั้งแต่ 0 ถึง 31 (และ 127) สำหรับอักขระควบคุม

ASCII ใช้ค่าตั้งแต่ 32 ถึง 126 สำหรับตัวอักษร ตัวเลข และสัญลักษณ์

ASCII ไม่ใช้ค่าตั้งแต่ 128 ถึง 255


ชุดอักขระ ANSI (Windows-1252)

ANSI เหมือนกับ ASCII สำหรับค่าตั้งแต่ 0 ถึง 127

ANSI มีชุดอักขระที่เป็นกรรมสิทธิ์สำหรับค่าตั้งแต่ 128 ถึง 159

ANSI เหมือนกับ UTF-8 สำหรับค่าตั้งแต่ 160 ถึง 255


ชุดอักขระ ISO-8859-1

ISO-8859-1 เหมือนกับ ASCII สำหรับค่าตั้งแต่ 0 ถึง 127

ISO-8859-1 ไม่ใช้ค่าตั้งแต่ 128 ถึง 159

ISO-8859-1 เหมือนกับ UTF-8 สำหรับค่าตั้งแต่ 160 ถึง 255


ชุดอักขระ UTF-8

UTF-8 เหมือนกับ ASCII สำหรับค่าตั้งแต่ 0 ถึง 127

UTF-8 ไม่ใช้ค่าตั้งแต่ 128 ถึง 159 

UTF-8 เหมือนกันกับทั้ง ANSI และ 8859-1 สำหรับค่าตั้งแต่ 160 ถึง 255

UTF-8 ต่อจากค่า 256 ที่มีอักขระต่างกันมากกว่า 10,000 ตัว

หากต้องการดูให้ละเอียดยิ่งขึ้น ให้ศึกษาการอ้างอิงชุดอักขระ HTML ที่สมบูรณ์ของ เรา