المشروع - كل ما يتعلق بتطوير المواقع http://www.almashroo.com/

كلنا يعلم أهمية الشفرة الموحدة Unicode لترميز الأحرف والمحارف المختلفة لأغلب لغات العالم، وتوحيدها في ترميز واحد عالمي؛ لتسهيل وصول ونقل البيانات عبر الأنظمة المختلفة دون تعرضها للتلف.

ولكن هناك العديد من الرموز التي يوفرها نظام Unicode تقوم بمهام أخرى، غير مجرد عرض المحارف المختلفة، وسنتعلم اليوم بعض هذه الرموز التي ستفيدنا في كتابة لغتنا العربية، وظهور النصوص بالطريقة السليمة.

توجيه اللغة العربية في صفحات HTML

اللغة العربية، هي من اللغات الخاصة والمميّزة، وتختلف عن أغلب اللغات المُشتقة من اللغة اللاتينية على سبيل المثال، فهي تكتب من اليمين إلى اليسار. ولكن عند دمج هذه اللغات مع اللغة العربية، يتغير توجيه النص المضمن لهذه اللغات.

بعض الأحيان، هذا قد يسبب الكثير من المشاكل لمن يريد قراءة النص، فقد يفقد النص معناه بسبب أن التداخل هذا قد شوّه المنظر العام للفقرة.

أحد الحلول المقترحة لصفحات HTML، هي إحاطة النصوص المضمنة بعنصر span أو عنصر bdo لتغيير توجيه النص، ويتم تغيير خاصية dir فيه ليصبح باتجاه اللغة التي نريدها. مثال:

<p>للترحيب بصديق نقول "<span dir="ltr" lang="en" xml:lang="en">Welcome friend!</span>" بالإنجليزية.</p>

ولعناصر الكتلة أو Block elements كعنصر الفقرة p أو عناصر الترويسة h1، أيضا نستخدم خاصية dir فيها كما في المثال السابق.

<p dir="ltr" lang="en">That kid hit the ball!</p>

ولكن، ماذا لو أردنا أن نُغير التوجيه في داخل عنصر لا يقبل وجود أي عنصر آخر بداخله، مثل عنصر title في رأس الصفحة head؟

محارف Unicode لتغيير الاتجاه

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

<title>&#x202B;المشروع(تجريبي)&#x202C;</title>

ولأنها من المحارف المخفية، فلا يُنصح باستخدامها إلا عند عدم توفر بدائل أخرى، كتضمين عنصر span أو عنصر bdo، والسبب في ذلك هو أن لغة HTML هي لغة توصيفية، وعند إدراج مثل هذه المحارف المخفية ستصعب عملية الحفاظ والتعديل لاحقاً على الصفحة.

رموز خاصة بالدين الحنيف

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

بعض الرموز والمحارف الإسلامية

بعض الرموز العربية الأخرى

تطبيقات عملية

يمكننا الاستفادة من هذا الدرس في مجالات كثيرة، فعلى سبيل المثال، المشروع يستخدم تغيير التوجيه في عنصر title لو لاحظتم.

كما أنه كان مثيراً تطبيقه على بعض المواقع الإجتماعية التي لا تتيح توجيه النص، مثل Twitter:

بعض المراجع المفيدة

• Test for Unicode support in Web browsers
• Creating HTML Pages in Arabic, Hebrew and Other Right-to-left Scripts
• Unicode 5.2 Character Code Charts
• Unicode controls vs. markup for bidi support

هل طبقتم الدرس في مواقع ومجالات أخرى؟ إذا فعلتم، الرجاء أخبرونا في التعليقات.