ت编码 في HTML (مجموعة الحروف)

لعرض صفحة الـHTML بشكل صحيح، يجب أن يعرف متصفح الـWeb نوع مجموعة الحروف التي يجب استخدامها.

من ASCII إلى UTF-8

ASCII هو أول معيار للـcharacter encoding. يعرف ASCII 128 character يمكن استخدامه على الإنترنت: الأرقام (0-9)، الأحرف (A-Z) وبعض الرموز الخاصة مثل: ! $ + - ( ) @ < >.

ISO-8859-1 هي مجموعة الحروف الافتراضية لـHTML 4. هذه المجموعة تدعم 256 رمز مختلف. كما يدعم HTML 4 UTF-8.

ANSI (Windows-1252) هي مجموعة الحروف الأصلية لـWindows. ANSI هي نفسها مثل ISO-8859-1، باستثناء أن ANSI تحتوي على 32 character إضافي.

ي تشجع معيار HTML5 مطوري الـWeb على استخدام مجموعة الحروف UTF-8، التي تغطي تقريباً كل الرموز والcharacters في العالم!

مجموعة الحروف charset لـHTML

لعرض صفحة الـHTML بشكل صحيح، يجب أن يعرف متصفح الـWeb نوع مجموعة الحروف المستخدمة في الصفحة.

هذا في <meta> تحدد في علامة

<meta charset="UTF-8">

جرب ذلك بنفسك

الفرق بين مجموعات الحروف

الجدول أدناه يوضح الفروق بين هذه مجموعات الحروف:

رقم ASCII ANSI 8859 UTF-8 الوصف
32 مسافة
33!!!!علامة الصوت
34""""علامة الـقووس
35####علامة الرمز
36$$$$علامة الدولار
37%%%%علامة النسبة
38&&&&ampersand
39''''apostrophe
38&&&&وصل
39''''كوسة
40((((مثلث أيسر
41))))مثلث أيسر
*نجمنجمنجمنجم+
علامة الجمع44444444-
خط ناقص....نقطة كاملة
47////شرطة
480000رقم صفر
491111رقم واحد
502222رقم إثنين
513333رقم ثلاثة
524444رقم أربعة
535555رقم خمس
546666رقم ستة
557777رقم سبعة
568888رقم ثمانية
579999رقم تسعة
58::::علامة الثقوب
6059595959;
نقطة60606060<
علامة أصغر من61616161=
علامة المساواة62626262>
علامة أكبر من????علامة الاستفهام
64@@@@علامة التجارية
65أأأأحرف كبير أ لاتيني
66ببببحرف كبير ب لاتيني
67سسسسحرف كبير س لاتيني
68ددددحرف كبير د لاتيني
69إإإإحرف كبير إ لاتيني
70ففففحرف كبير ف لاتيني
71ججججحرف كبير ج لاتيني
72ههههحرف كبير ه لاتيني
73إإإإحرف كبير إ لاتيني
74ججججحرف كبير ج لاتيني
75ككككحرف كبير ك لاتيني
76للللحرف كبير ل لاتيني
77ممممحرف كبير م لاتيني
78ننننحرف كبير ن لاتيني
79أوأوأوأوحرف كبير أو لاتيني
8080808080P
Latin capital letter P81818181Q
Latin capital letter Q82828282R
Latin capital letter R83838383S
Latin capital letter S84848484T
Latin capital letter T85858585U
Latin capital letter U86868686V
Latin capital letter V87878787W
Latin capital letter W88888888X
Latin capital letter X89898989Y
Latin capital letter Y90909090Z
Latin capital letter Z91919191[
left square bracket92929292\
reverse solidus93939393]
right square bracket95959595^
circumflex accent____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
114rrrrr
ssssst
tuuuuu
vvvvvw
wxxxxx
yyyyyz
z{{{{{
}||||خط عمودي
125}}}}Bras de fer à droite
126~~~~تقويم
127DEL    
128   علامة اليورو
129 ـــsingle right-pointing angle quotation mark
130 ـ  علامة اقتباس السين الواحدة
131 ـ  حرف صغير f مع الحرف المنحني
132 ـ  علامة اقتباس السين المزدوجة
133 ...  نقاط إشكالية
134 ـ  علامة الحربة
135 ـ  علامة الحربة الثنائية
136 ـ  علامة التغيير المقلوبة
137 ـ  علامة المليون
138 ـ  حرف S الكبير مع حرف المقلوب
139 ـ  علامة اقتباس زاوية واحدة
140 ـ  تثبيت حرفي كبير من OE
141 ـــsingle right-pointing angle quotation mark
142 ـ  حرف Z الكبير مع حرف المقلوب
143 ـــsingle right-pointing angle quotation mark
144 ـــsingle right-pointing angle quotation mark
145 '  '
146 '  علامة اقتباس وحيدة
147 "  "
148 "  صفتان مزدوجة
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 159159159Ÿ
Latin capital letter Y with diaeresis 160160160no-break space
¡ inverted exclamation markinverted exclamation markinverted exclamation mark¢
cent sign £££pound sign
¤ currency signcurrency signcurrency sign¥
yen sign 166166166¦
broken bar 167167167§
section sign 168168168¨
diaeresis 169169169©
copyright sign 170170170ª
feminine ordinal indicator 171171171«
left-pointing double angle quotation mark 172172172¬
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 187187187187
187 187187187187
187 ¼¼¼ربع
نصف ¾¾¾نصف الثلاثة
191 ¿¿¿علامة الاستفهام المعكوسة
192 ÀÀÀحرف A مع الحرف العمودي
193 ÁÁÁحرف A مع الحرف الحاد
194 ÂÂÂحرف A مع الحرف المائل الكبير
195 ÃÃÃحرف A مع الحرف المائل
196 ÄÄÄحرف A مع الحرف المائل
197 ÅÅÅحرف A مع الحرف المائل الكبير
198 ÆÆÆحرف AE
199 ÇÇÇحرف C مع الحرف المائل
200 ÈÈÈحرف E مع الحرف العمودي
201 ÉÉÉحرف E مع الحرف الحاد
202 ÊÊÊحرف E مع الحرف المائل الكبير
203 ËËËحرف E مع الحرف المائل
204 ÌÌÌحرف I مع الحرف العمودي
205 ÍÍÍحرف I مع الحرف الحاد
206 ÎÎÎحرف I مع الحرف المائل الكبير
207 ÏÏÏحرف I مع الحرف المائل
208 ÐÐÐحرف Eth الكبير
209 ÑÑÑحرف N الكبير مع الحرف المائل
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 éééحرف صغير إي لاتيني مع حاد
234 êêêحرف صغير إي لاتيني مع كرينكس
235 ëëëحرف صغير إي لاتيني مع ديايريس
236 ìììحرف صغير إي لاتيني مع تاج
237 íííحرف صغير إي لاتيني مع حاد
238 îîîحرف صغير إي لاتيني مع كرينكس
239 ïïïحرف صغير إي لاتيني مع ديايريس
240 ðððحرف صغير إث لاتيني
241 ñññحرف صغير ن لاتيني مع تاج
242 òòòحرف صغير أو لاتيني مع تاج
243 óóóحرف صغير أو لاتيني مع حاد
244 ôôôحرف صغير أو لاتيني مع كرينكس
245 õõõحرف صغير أو لاتيني مع تاج
246 öööحرف صغير أو لاتيني مع ديايريس
247 ÷÷÷حرف علامة التقسيم
248 øøøحرف صغير أو لاتيني مع سكين
249 ùùùحرف صغير ي لاتيني مع تاج
250 úúúحرف صغير ي لاتيني مع حاد
251 ûûûحرف صغير لاتيني مع كرينكس
252 üüüحرف صغير ي لاتيني مع ديايريس
253 ýýýحرف صغير ي لاتيني مع حاد
254 þþþحرف صغير ثورن لاتيني
255 ÿÿÿحرف صغير ي لاتيني مع ديايريس

مجموعة حروف ASCII

ASCII يستخدم القيم بين 0 و 31 (و 127) كحروف إستبدالية.

ASCII يستخدم القيم بين 32 و126 لتعليم الأحرف والرقم والأشكال.

ASCII لا يستخدم القيم بين 128 و255.

مجموعة الحروف ANSI (Windows-1252)

للأرقام بين 0 و127، ANSI مشابه لـ ASCII.

ANSI يحتوي على مجموعة خاصة من الأحرف، القيم بين 128 و159.

للأرقام بين 160 و255، ANSI مشابه لـ UTF-8.

مجموعة الحروف ISO-8859-1

للأرقام بين 0 و127، 8859-1 مشابه لـ ASCII.

8859-1 لا يستخدم القيم بين 128 و159.

للأرقام بين 160 و255، 8859-1 مشابه لـ UTF-8.

مجموعة الحروف UTF-8

للأرقام بين 0 و127، UTF-8 مشابه لـ ASCII.

UTF-8 لا يستخدم القيم بين 128 و159.

للأرقام بين 160 و255، UTF-8 مشابه لـ ANSI و8859-1.

UTF-8 يبدأ من القيمة 256 ويشمل أكثر من 10000 من الأحرف المختلفة.

للإطلاع على المزيد من التفاصيل، يُرجى قراءة دليل HTML للcharset الكامل.

قاعدة @charset CSS

يمكنك استخدام قاعدة @charset لـ CSS لتعيين تشفير النص المستخدم في جدول الأنماط:

مثال

ضبط تشفير جدول الأنماط على Unicode UTF-8:

@charset "UTF-8";

للحصول على مزيد من المعلومات حول قاعدة @charset لـ CSS المحتوى.