جدول ASCII الكامل: تحويل Hex إلى ASCII مع أكواد الأحرف وكيانات HTML

ما هو جدول ASCII ولماذا ما زال مهماً؟

يحتاج المطورون ومحررو الويب باستمرار إلى معرفة ما تقابله القيم بالنظام الست عشري Hex أو القيم العشرية Decimal أو الثنائية Binary من أحرف ورموز فعلية. وهنا تظهر أهمية جدول ASCII، لأنه يوفّر خريطة واضحة تربط بين الرقم والحرف أو الرمز المقابل له.

ورغم أن الويب الحديث يعتمد اليوم بشكل واسع على ترميزات أحدث مثل UTF-8، فإن فهم ASCII لا يزال مهارة أساسية، خصوصاً عند التعامل مع:

• أكواد الأحرف داخل HTML.
• معالجة النصوص والملفات البرمجية.
• تحويل القيم بين Hex وDecimal وBinary.
• فهم كيفية تمثيل الأحرف الخاصة والمسافات والأسطر الجديدة.

المشكلة في كثير من الجداول المنشورة على الإنترنت أنها تكون على شكل صور فقط، وهو ما يجعلها أقل فائدة من ناحية الوصول وسهولة البحث والنسخ. لذلك ستجد هنا نسخة عربية منظمة ومهيكلة، مع شرح عملي يساعدك على استخدام القيم مباشرة داخل مشاريعك.

مكونات جدول ASCII

قبل استعراض الجدول، من المهم فهم الأعمدة الأساسية التي تظهر عادة فيه:

• Decimal: القيمة العشرية للحرف.
• Hex: القيمة بالنظام الست عشري.
• Binary: التمثيل الثنائي.
• HTML Number: كيان HTML العددي مثل A.
• HTML Name: الاسم المختصر للكيان إن كان متوفراً مثل & أو  .
• الحرف Character: الرمز أو الحرف الناتج.
• الوصف Description: شرح مختصر لوظيفة الحرف أو الرمز.

جدول ASCII الأساسي من 0 إلى 127

الجدول التالي يضم الأحرف القياسية في ASCII، ويشمل أحرف التحكم والرموز وعلامات الترقيم والحروف الإنجليزية الكبيرة والصغيرة.

جدول Extended ASCII للويب من 128 إلى 255

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

وبما أن عرض جميع القيم مع الشرح التفصيلي الكامل سيكون طويلاً جداً، فإليك أبرز القيم الأكثر استخداماً في تطوير الويب والتحرير النصي:

ملاحظة مهمة حول Extended ASCII

هناك عدة جداول ممتدة أخرى مثل ISO 8859-1 وISO 8859-2 وغيرها. أما الجدول الشائع في الويب القديم فكان مبنياً غالباً على Windows-1252. لذلك قد تختلف بعض القيم من بيئة إلى أخرى عند الرجوع إلى مراجع قديمة.

هل ما زالت قيم ASCII تعمل في المتصفحات الحديثة؟

نعم، ما زالت كيانات HTML العددية والاسمية تعمل بشكل طبيعي في المتصفحات الحالية. وحتى مع الانتقال الواسع إلى UTF-8، لا يزال من المفيد استخدام الكيانات في حالات محددة، مثل:

• إدخال الرموز الخاصة بشكل آمن داخل HTML.
• منع تعارض بعض الأحرف مع بنية الصفحة مثل < و> و&.
• التحكم في المسافات أو السطور الجديدة داخل عناصر معينة.

كيفية استخدام أحرف ASCII داخل HTML

لكل حرف تقريباً قيمة عددية يمكن كتابتها على شكل كيان HTML يبدأ بالرمز & وينتهي بالفاصلة المنقوطة ;. وبعض الأحرف تملك أيضاً اسماً مختصراً أكثر وضوحاً.

مثلاً، إذا أردت عرض رمز اليورو €، يمكنك كتابة:

• €
• €

وغالباً ما يكون استخدام الاسم مثل € أفضل من الناحية العملية، لأنه أسهل في القراءة والتذكر من القيمة العددية.

استخدام   لإضافة مسافة غير قابلة للكسر

أحياناً تحتاج إلى وضع مسافة بين كلمتين أو بين عنوان وقيمة، مع منع المتصفح من كسر السطر في هذا الموضع. هنا يفيدك الكيان  .

<span>Superpower: &nbsp; listening</span>

سيؤدي ذلك إلى عرض النص مع مسافة لا ينفصل عندها السطر. وهذه الطريقة مفيدة في الواجهات الصغيرة أو عند تنسيق بيانات قصيرة داخل عناصر inline.

ويمكنك أيضاً تكرار   أكثر من مرة لإضافة مسافات إضافية:

<span>Superpower: &nbsp; &nbsp; &nbsp; listening</span>

كيفية إنشاء سطر جديد داخل HTML باستخدام 


إذا كنت بحاجة إلى إدراج سطر جديد من خلال كيان حرفي، فيمكنك استخدام القيمة 
 التي تمثل Line Feed.

<div style="margin-bottom: 1.5em;">
  <label for="example-1">Example 1:</label>
  <textarea name="example-1" id="example-1">Hello&#10;freeCodeCamp</textarea>
</div>

كما يمكنك تكرارها عدة مرات لإضافة أكثر من سطر فارغ:

<div style="margin-bottom: 1.5em;">
  <label for="example-2">Example 2:</label>
  <textarea name="example-2" id="example-2" style="height: 150px;">Hello&#10;&#10;&#10;freeCodeCamp</textarea>
</div>

لماذا لا يعمل السطر الجديد دائماً داخل بعض العناصر؟

يجب الانتباه إلى أن الكيان 
 لا يتجاوز القواعد الافتراضية لعرض العنصر. فمثلاً، العنصر p لا يعرض فواصل الأسطر الداخلية تلقائياً بالطريقة المتوقعة.

<p style="outline: red 1px solid;">
  This is paragraph text and &#10; whoops there is a new line.
</p>

في هذه الحالة سيظهر النص كسطر واحد. ولجعل المتصفح يحترم فواصل الأسطر، يمكنك استخدام الخاصية white-space بالقيمة pre-wrap:

<p style="outline: red 1px solid; white-space: pre-wrap;">
  This is paragraph text and &#10; whoops there is a new line.
</p>

متى تستخدم أسماء الكيانات ومتى تستخدم الأرقام؟

الاختيار بين الاسم مثل   أو الرقم مثل   يعتمد على السياق، لكن التوصية العامة هي:

• استخدم الأسماء عند توفرها، لأنها أوضح للمطورين وأسهل في الصيانة.
• استخدم القيم الرقمية عند عدم وجود اسم شائع أو عند العمل مع مراجع تحويل رقمية.
• احرص دائماً على كتابة الكيان كاملاً من & إلى ; حتى يُفسَّر بشكل صحيح.

مصادر الجداول وفهم الاختلافات بين الترميزات

تعتمد الجداول الشائعة الخاصة بـ ASCII وExtended ASCII على مراجع متعددة، أبرزها ASCII وWindows-1252. ومن المهم معرفة أن ما يُسمّى أحياناً Extended ASCII ليس معياراً واحداً موحداً، بل مجموعة جداول ظهرت عبر أنظمة مختلفة.

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

أفضل الممارسات عند استخدام أكواد الأحرف في صفحات الويب

• استخدم UTF-8 كترميز افتراضي للصفحات الحديثة.
• استعمل كيانات HTML للأحرف الحساسة مثل < و> و&.
• اعتمد   فقط عندما تحتاج فعلاً إلى منع كسر السطر.
• لا تستخدم المسافات المتكررة كوسيلة أساسية للتخطيط؛ الأفضل الاعتماد على CSS.
• اختبر ظهور النصوص في أكثر من متصفح عند التعامل مع أحرف خاصة أو ترميزات قديمة.

الخلاصة التقنية

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