IMG-LOGO
Trang Chủ Học HTML5 - CSS3 HTML Encoding (Character Sets) - Mã hóa HTML (Các bộ ký tự)
×

Lý Thuyết

01. Giới thiệu về lập trình web - HTML/CSS BT01. Hướng dẫn tạo ra 1 trang web đơn giản nhất - HTML/CSS 02. Hướng dẫn debug/test/develop trên trình duyệt web -HTML/CSS 03. Formatting Text using Tags - html tags 04. Creating Hyperlinks and Anchors (phần 1) - html tags 05. Creating Hyperlinks and Anchors (phần 2) - html tags 06. Introduction to CSS3 (phần 1) - HTML/CSS 07. Introduction event in html/css/javascript - HTML/CSS 08. Bài hoc Formatting Using Style Sheets - HTML/CSS 09. Cách dùng thẻ img và map để hiển thị hình ảnh html - HTML/CSS 10. Cách dùng thẻ div để bố cục trang web (html/css/javascript) 11. Học lập trình html/css/javascript - (function) 12. Học lập trình html/css/javascript - session 15 - part 2(object) 13. Học lập trình html/css/javascript - session 15 - part 3(function + object) 14. Học lập trình html/css/javascript - session 15 - part 4(string) BT02. Bài tập array + javascript - HTML/CSS BT03. Thực hành javascript + onChange + onClick - HTML/CSS BT04.Gửi giữ liệu qua các trang html bằng javascript - HTML/CSS 15. HTML/CSS/Javascript là gì và cách tạo 1 trang web đơn giản nhất. - HTML/CSS 16. HTML/CSS/JS - Tìm hiểu về Path trong HTML/CSS/JS 17. Lập trình HTML/CSS/JS 18. Tìm hiểu table trong HTML/CSS - HTML/CSS 19. Tìm hiểu tag videos, audio trong HTML/CSS/JS 20. Thiết kế form trong HTML/CSS/JS 21. Học lập trình html/css/js qua ví dụ phần 2 - HTML/CSS

Bài Tập

Bài tập - Tạo website giới thiệu thông tin cá nhân - profile page - Lập trình HTML/CSS/JS Bài tập - Thiết kế web truyện tranh - Lập trình HTML/CSS/JS Bài tập - kiểm tra 60 phút - thiết kế website sau - Lập trình HTML/CSS/JS Bài tập - kiểm tra 60 phút - thiết kế blog tin tin học - Lập trình HTML/CSS/JS Bài Tập - Thiết Kế Blog Dạy Học Excel Online - Lập Trình HTML/CSS/JS Bài tập - Thiết kế website bán đồng hồ - Lập trình HTML/CSS/JS Bài thi - Ôn tập HTML/CSS/JS - 60 phút - Web quản lý tin tức

Examination & Test

Bài Thi Lý Thuyết HTML/CSS/JS - 2

Tài Liệu Học

Giới thiệu về HTML5 Trình biên tập HTML Những thuộc tính cơ bản của HTML Các phần tử trong HTML Các thuộc tính trong HTML Thẻ tiêu đề trong HTML HTML Paragraphs - Các đoạn văn bản HTML HTML Styles - Các phong cách của HTML HTML Text Formatting - Định dạng văn bản trong HTML HTML Quotation and Citation Elements - Trích dẫn và các thành phần trích dẫn trong HTML HTML Comments - Các chú thích trong HTML HTML Colors - Màu trong HTML HTML RGB and RGBA Colors - Các màu RGB và RGBA trong HTML HTML HEX Colors - Các màu HEX trong HTML HTML HSL and HSLA Colors - Các màu HSL và HSLA trong HTML HTML Styles - Các phong cách trong HTML - CSS HTML Links - Các liên kết trong HTML HTML Links - Different Colors | Các liên kết trong HTML - Màu sắc khác nhau HTML Links - Create Bookmarks | Các liên kết trong HTML - Tạo các dấu trang HTML Images - Hình ảnh trong HTML HTML Image Maps - Bản đồ hình ảnh trong HTML HTML Background Images - Hình nền trong HTML HTML Picture Element - Các thành phần hình ảnh trong HTML HTML Tables - Bảng trong HTML HTML Lists - Các loại danh sách trong HTML HTML Unordered Lists - Danh sách không theo thứ tự trong HTML HTML Ordered Lists - Danh sách có thứ tự trong HTML HTML Other Lists - Các loại danh sách khác trong HTML HTML Block and Inline Elements - Các thành phần khối và trong hàng HTML HTML The class Attribute - Thuộc tính Class trong HTML HTML The id Attribute - Thuộc tính id trong HTML HTML Iframes HTML JavaScript HTML File Paths - Đường dẫn tệp HTML HTML - The Head Element | Thành phần Head trong HTML HTML Layout Elements and Techniques - Các thành phần bố cục và kĩ thuật trong HTML HTML Responsive Web Design - Thiết kế web phản hồi trong HTML HTML Computer Code Elements - Các thành phần thuộc mã máy tính trong HTML HTML Semantic Elements - Các thành phần có ngữ nghĩa trong HTML HTML Style Guide and Coding Conventions - Hướng dẫn về phong cách và quy ước code trong HTML HTML Entities - Các thực thể trong HTML HTML Symbols - Các biểu tượng trong HTML Using Emojis in HTML - Sử dụng biểu tượng cảm xúc trong HTML HTML Encoding (Character Sets) - Mã hóa HTML (Các bộ ký tự) HTML Uniform Resource Locators - Bộ định vị tài nguyên đồng nhất trong HTML HTML Versus XHTML - HTML đấu với XHTML HTML Forms - Các biểu mẫu trong HTML HTML Form Elements - Các thành phần biểu mẫu trong HTML HTML Input Types - Các kiểu input trong HTML HTML Input Attributes - Các thuộc tính input trong HTML HTML Input form* Attributes - Các thuộc tính form của thành phần input trong HTML




HTML Encoding (Character Sets) - Mã hóa HTML (Các bộ ký tự)

by GokiSoft.Com - 16:03 02/06/2020 2,878 Lượt Xem



Để hiển thị một trang HTML một cách chính xác, một trình duyệt web phải biết bộ ký tự nào sẽ dùng.


Mã hóa ký tự là gì?


ASCII là tiêu chuẩn mã hóa ký tự đầu tiên (cũng được gọi là bộ ký tự). ASCII xác định 128 ký tự chữ và số khác nhau có thể được sử dụng trên Internet: các số (0 - 9), các chữ cái tiếng anh (A - Z), và một vài các ký tự đặc biệt như ! $ + - ( ) @ < >.

ISO-8859-1 là bộ ký tự mặc định cho HTML 4. Bộ ký tự này hỗ trợ 256 các ký tự mã hóa khác nhau.

ANSI (Windows - 1252) là bộ ký tự window nguyên bản. ANSI giống hệt với ISO-8859-1, ngoại trừ ANSI có 32 ký tự thêm.

Bởi vì ANSI và ISO-8859-1 rất hạn chế, HTML 4 cũng được hỗ trợ UTF-8.

UTF-8 (Unicode) chứa hầu hết toàn bộ các ký tự và các biểu tượng trên thế giới.

Bộ ký tự mặc định cho HTML5 là UTF-8.




Thuộc tính của bộ ký tự trong HTML


Để hiển thị một trang HTML một cách chính xác, một trình duyệt phải được biết bộ ký tự nào sẽ sử dụng trong trang.

Được xác định sau đây bằng thẻ  <meta> :

<meta charset="UTF-8">


Nếu một trình duyệt phát hiện ISO-8859-1 trong một trang web, nó sẽ mặc định thành ANSI.





Sự khác biệt giữa các bộ ký tự


Bảng sau hiển thị sự khác biệt giữa các bộ ký tự mô tả bên trên:

NumbASCIIANSI8859UTF-8Description
32khoảng trô
33!!!!dấu chấm than
34""""dấu nháy kép
35####dấu thăng
36$$$$dấu đô la
37%%%%dấu phần tra
38&&&&ampersand
39''''dấu nháy đơn
40((((dấu ngoặc trái
41))))dấu ngoặc phải
42****dấu hoa thị
43++++dấu cộng
44,,,,dấu phẩy
45----gạch nối-trừ
46....

dấu chấm

47////dấu xược
480000digit zero
491111digit one
502222digit two
513333digit three
524444digit four
535555digit five
546666digit six
557777digit seven
568888digit eight
579999digit nine
58::::dấu hai chấm
59;;;;dấu chấm phẩy
60<<<<dấu bé hơn
61====dấu bằng
62>>>>dấu lớn hơn
63????dấu hỏi
64@@@@commercial at
65AAAALatin capital letter A
66BBBBLatin capital letter B
67CCCCLatin capital letter C
68DDDDLatin capital letter D
69EEEELatin capital letter E
70FFFFLatin capital letter F
71GGGGLatin capital letter G
72HHHHLatin capital letter H
73IIIILatin capital letter I
74JJJJLatin capital letter J
75KKKKLatin capital letter K
76LLLLLatin capital letter L
77MMMMLatin capital letter M
78NNNNLatin capital letter N
79OOOOLatin capital letter O
80PPPPLatin capital letter P
81QQQQLatin capital letter Q
82RRRRLatin capital letter R
83SSSSLatin capital letter S
84TTTTLatin capital letter T
85UUUULatin capital letter U
86VVVVLatin capital letter V
87WWWWLatin capital letter W
88XXXXLatin capital letter X
89YYYYLatin capital letter Y
90ZZZZLatin capital letter Z
91[[[[left square bracket
92\\\\reverse solidus
93]]]]right square bracket
94^^^^circumflex accent
95____low line
96````grave accent
97aaaaLatin small letter a
98bbbbLatin small letter b
99ccccLatin small letter c
100ddddLatin small letter d
101eeeeLatin small letter e
102ffffLatin small letter f
103ggggLatin small letter g
104hhhhLatin small letter h
105iiiiLatin small letter i
106jjjjLatin small letter j
107kkkkLatin small letter k
108llllLatin small letter l
109mmmmLatin small letter m
110nnnnLatin small letter n
111ooooLatin small letter o
112ppppLatin small letter p
113qqqqLatin small letter q
114rrrrLatin small letter r
115ssssLatin small letter s
116ttttLatin small letter t
117uuuuLatin small letter u
118vvvvLatin small letter v
119wwwwLatin small letter w
120xxxxLatin small letter x
121yyyyLatin small letter y
122zzzzLatin small letter z
123{{{{left curly bracket
124||||vertical line
125}}}}right curly bracket
126~~~~tilde
127DEL    
128   euro sign
129 NOT USED
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 NOT USED
142 Ž  Latin capital letter Z with caron
143 NOT USED
144 NOT USED
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
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 Ÿ  Latin capital letter Y with diaeresis
160    no-break space
161 ¡¡¡inverted exclamation mark
162 ¢¢¢cent sign
163 £££pound sign
164 ¤¤¤currency sign
165 ¥¥¥yen sign
166 ¦¦¦broken bar
167 §§§section sign
168 ¨¨¨diaeresis
169 ©©©copyright sign
170 ªªªfeminine ordinal indicator
171 «««left-pointing double angle quotation mark
172 ¬¬¬not sign
173 ­­­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 éééLatin small letter e with acute
234 êêêLatin small letter e with circumflex
235 ëëëLatin small letter e with diaeresis
236 ìììLatin small letter i with grave
237 íííLatin small letter i with acute
238 îîîLatin small letter i with circumflex
239 ïïïLatin small letter i with diaeresis
240 ðððLatin small letter eth
241 ñññLatin small letter n with tilde
242 òòòLatin small letter o with grave
243 óóóLatin small letter o with acute
244 ôôôLatin small letter o with circumflex
245 õõõLatin small letter o with tilde
246 öööLatin small letter o with diaeresis
247 ÷÷÷division sign
248 øøøLatin small letter o with stroke
249 ùùùLatin small letter u with grave
250 úúúLatin small letter u with acute
251 ûûûLatin small letter with circumflex
252 üüüLatin small letter u with diaeresis
253 ýýýLatin small letter y with acute
254 þþþLatin small letter thorn
255 ÿÿÿLatin small letter y with diaeresis




Bộ ký tự ASCII


ASCII sử dụng các giá trị từ 0 đến 31 (và 127) để kiểm soát các ký tự.

ASCII sử dụng các giá trị từ 32 đến 126 cho các chữ cái, chữ số, và biểu tượng.

ASCII không sử dụng các giá trị 128 đến 255.




Bộ ký tự ANSI (Windows-1252)


ANSI giống với ASCII với các giá trị từ 0 - 127.

ANSI có một bộ ký tự độc quyền cho các giá trị từ 128 đến 159.

ANSI giống hệt UTF-8 với các giá trị từ 160 - 255.




Bộ ký tự ISO-8859-1


8859-1 giống với ASCII với các giá trị từ 0 - 127.

8859-1 không sử dụng các giá trị 128 đến 159.

8859-1 giống với UTF-8 với các giá trị từ 160 255.




Bộ ký tự UTF-8


UTF-8 giống với ASCII với các giá trị từ 0 - 127.

UTF-8 không sử dụng các giá trị 128 đến 159.

UTF-8 giống cả với ANSI và 8859-1 với các giá trị từ 160 255.

UTF-8 tiếp tục từ giá trị 256 với nhiều hơn 10000 các ký tự khác.




Quy tắc @charset trong CSS


Bạn có thể sử dụng quy tắc  @charset CSS để xác định ký tự mã hóa sử dụng trong một dải phong cách:

ví dụ

Đặt mã hóa của dải phong cách thành Unicode UTF-8:

@charset "UTF-8";



Bình luận



Chia sẻ từ lớp học

Phân Loại Bài Viết

Đã sao chép!!!