HTMLالموسوعةدرس تعليمي

37- ترميز HTML (مجموعات الأحرف)

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

يتم تحديد مجموعة الأحرف باستخدام صفة charset داخل عنصر meta:

<meta charset="UTF-8">

مواصفات HTML5 تشجع مطوري الويب على استخدام مجموعة أحرف UTF-8.

تغطي UTF-8 تقريبًا كل الحروف والرموز في العالم!


مجموعة أحرف ASCII: اللغة الأساسية للإنترنت في البداية

كانت ASCII هي أول معيار لترميز الأحرف على الإنترنت. وقد حددت 128 حرفًا مختلفًا يمكن استخدامها عبر الإنترنت، بما في ذلك:

  • حروف اللغة الإنجليزية (A-Z)
  • الأرقام (0-9)
  • رموز خاصة مثل ! $ + – ( ) @ < >.

لعبت ASCII دورًا فعالًا في تأسيس وإنماء شبكة الإنترنت العالمية، حيث وفرت أرضية مشتركة لتبادل المعلومات بين الأجهزة المختلفة.

مع الوقت، وبعد ظهور الحاجة لعرض لغات وثقافات متنوعة عبر الإنترنت، تطورت مجموعات أحرف أوسع وأشمل من ASCII، مثل UTF-8، لتستوعب الحروف والرموز الخاصة بلغات ومجالات متعددة.


مجموعة أحرف ANSI (Windows-1252): لغة Windows الأبكر

كانت مجموعة أحرف ANSI (Windows-1252) هي المستخدمة في نظام تشغيل Windows في السابق. وتتميز بالمواصفات التالية:

  • تتطابق مع ASCII تمامًا بالنسبة لأول 127 حرفًا.
  • تحتوي على رموز خاصة إضافية بين الحرفين 128 و 159.
  • تتوافق مع UTF-8 بالنسبة للحروف من 160 إلى 255.

لعبت هذه المجموعة دورًا مهمًا في تطوير أنظمة التشغيل واستخدام الحاسوب الشخصي، ولكن مع تزايد التنوع اللغوي والثقافي على الإنترنت، انتقل استخدام Windows إلى مجموعات أحرف أوسع مثل UTF-8 لتوفير دعم أفضل لعرض مختلف اللغات والرموز.

<meta charset="Windows-1252">

مجموعة أحرف ISO-8859-1: معيار HTML 4 ومساحة أوسع للرموز

تُعدّ مجموعة أحرف ISO-8859-1 معيارًا قديمًا استُخدم لتشفير النصوص في لغة HTML 4. وقد أتاحت دعمًا لـ 256 رمزًا حرفيًا مختلفًا. بالإضافة إلى ذلك، دعمت HTML 4 أيضًا مجموعة أحرف UTF-8 الأوسع نطاقًا.

يتميز ISO-8859-1 بالمواصفات التالية:

  • متطابقة بالكامل مع ASCII بالنسبة لأول 127 حرفًا.
  • لا تستخدم الرموز المخصصة الواقعة بين الحرفين 128 و 159 (وهي تختلف عن الرموز الخاصة في ANSI).
  • متطابقة مع كل من ANSI و UTF-8 بالنسبة للحروف من 160 إلى 255.

بينما ساهمت ISO-8859-1 في توسيع مساحة الحروف والرموز المتاحة في صفحات الويب مقارنةً بـ ASCII، إلا أن ظهور الحاجة لدعم لغات ورموز أكثر تنوعًا أدى إلى تفضيل استخدام مجموعات أحرف أحدث وأكثر قدرة مثل UTF-8 التي تُعدّ معيارًا أساسيًا في HTML الحديث لتقديم تجربة ويب شاملة وداعمة للغات والحروف والرموز من مختلف الثقافات.

HTML 4

<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">

HTML 5

<meta charset="ISO-8859-1">

مجموعة أحرف UTF-8: عالم أوسع للغة والرموز على شبكة الإنترنت

تتميز مجموعة أحرف UTF-8 بالمرونة والقوة التي تجعلها الخيار المفضل في عالم الويب الحديث، وذلك بفضل خصائصها التالية:

  • توافق واسع: تتطابق UTF-8 تمامًا مع مجموعة أحرف ASCII بالنسبة لأول 127 حرفًا، مما يضمن توافقها مع المحتوى القديم على الإنترنت.
  • استخدام فعال للمساحة: لا تستخدم UTF-8 الرموز المخصصة في نطاق 128 إلى 159، مما يسمح لها بتخصيص مساحة أكبر لترميز لغات ورموز أخرى.
  • توافق مع معايير سابقة: تتطابق UTF-8 مع كل من ANSI و 8859-1 بالنسبة للحروف من 160 إلى 255، مما يسهل الانتقال من معايير الترميز القديمة إلى الجديدة.
  • اتساع غير محدود: تمتد UTF-8 لتشمل أكثر من 10 آلاف حرف، وهذا يتيح لها استيعاب لغات ورموز من مختلف أنحاء العالم، بما في ذلك العربية والهندية والصينية وغيرها.

بفضل هذه المزايا، أصبحت UTF-8 معيارًا أساسيًا في تقنيات الويب الحديثة، بما في ذلك HTML5 و CSS3. فهي تتيح للمطورين إنشاء صفحات ويب غنية وداعمة للمحتوى متعدد اللغات والرموز، مما يوفر تجربة أفضل للمستخدمين من جميع الثقافات والخلفيات اللغوية.

<meta charset="UTF-8">

“Differences Between Character Sets”

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

الرقم ASCIIANSI8859UTF‑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@@@@
65AAAA
66BBBB
67CCCC
68DDDD
69EEEE
70FFFF
71GGGG
72HHHH
73IIII
74JJJJ
75KKKK
76LLLL
77MMMM
78NNNN
79OOOO
80PPPP
81QQQQ
82RRRR
83SSSS
84TTTT
85UUUU
86VVVV
87WWWW
88XXXX
89YYYY
90ZZZZ
91[[[[
92\\\\
93]]]]
94^^^^
95____
96````
97aaaa
98bbbb
99cccc
100dddd
101eeee
102ffff
103gggg
104hhhh
105iiii
106jjjj
107kkkk
108llll
109mmmm
110nnnn
111oooo
112pppp
113qqqq
114rrrr
115ssss
116tttt
117uuuu
118vvvv
119wwww
120xxxx
121yyyy
122zzzz
123{{{{
124||||
125}}}}
126~~~~
127DEL   
128   
129 
130   
131 ƒ  
132   
133   
134   
135   
136 ˆ  
137   
138 Š  
139   
140 Œ  
141 
142 Ž  
143 
144 
145   
146   
147   
148   
149   
150   
151   
152 ˜  
153   
154 š  
155   
156 œ  
157 
158 ž  
159 Ÿ  
160    
161 ¡¡¡
162 ¢¢¢
163 £££
164 ¤¤¤
165 ¥¥¥
166 ¦¦¦
167 §§§
168 ¨¨¨
169 ©©©
170 ªªª
171 «««
172 ¬¬¬
173 ­­­
174 ®®®
175 ¯¯¯
176 °°°
177 ±±±
178 ²²²
179 ³³³
180 ´´´
181 µµµ
182 
183 ···
184 ¸¸¸
185 ¹¹¹
186 ººº
187 »»»
188 ¼¼¼
189 ½½½
190 ¾¾¾
191 ¿¿¿
192 ÀÀÀ
193 ÁÁÁ
194 ÂÂÂ
195 ÃÃÃ
196 ÄÄÄ
197 ÅÅÅ
198 ÆÆÆ
199 ÇÇÇ
200 ÈÈÈ
201 ÉÉÉ
202 ÊÊÊ
203 ËËË
204 ÌÌÌ
205 ÍÍÍ
206 ÎÎÎ
207 ÏÏÏ
208 ÐÐÐ
209 ÑÑÑ
210 ÒÒÒ
211 ÓÓÓ
212 ÔÔÔ
213 ÕÕÕ
214 ÖÖÖ
215 ×××
216 ØØØ
217 ÙÙÙ
218 ÚÚÚ
219 ÛÛÛ
220 ÜÜÜ
221 ÝÝÝ
222 ÞÞÞ
223 ßßß
224 ààà
225 ááá
226 âââ
227 ããã
228 äää
229 ååå
230 æææ
231 ççç
232 èèè
233 ééé
234 êêê
235 ëëë
236 ììì
237 ííí
238 îîî
239 ïïï
240 ððð
241 ñññ
242 òòò
243 óóó
244 ôôô
245 õõõ
246 ööö
247 ÷÷÷
248 øøø
249 ùùù
250 úúú
251 ûûû
252 üüü
253 ýýý
254 þþþ
255 ÿÿÿ

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى