رموز HTML والاحرف الخاصة

لماذا توجد كيانات HTML

يستخدم HTML احرفا معينة كجزء من بنيته الخاصة. الاقواس الزاوية < و > تحدد الوسوم. علامة الامبرساند & تبدا مراجع الكيانات. علامة الاقتباس المزدوجة " تحدد قيم الخصائص. اذا اردت عرض هذه الاحرف كنص مرئي على صفحتك بدلا من ان يفسرها المتصفح ككود، تحتاج طريقة لتهريبها. هذا بالضبط ما تفعله كيانات HTML. كيان HTML هو تسلسل خاص يبدا بعلامة الامبرساند وينتهي بفاصلة منقوطة، ويعرضه المتصفح كالحرف المقابل. بدون الكيانات، كتابة تعبير رياضي مثل "5 < 10" في HTML ستكسر صفحتك لان المتصفح سيفسر علامة اقل من كبداية وسم.

الكيانات الاساسية التي يجب ان تعرفها

هناك خمسة كيانات يواجهها كل مطور HTML بانتظام. هذه ليست اختيارية -- ستكسر HTML الخاص بك اذا استخدمت الاحرف الخام في السياق الخاطئ. كيان الامبرساند & يعرض كـ &. كيان اقل من < يعرض كـ <. كيان اكبر من > يعرض كـ >. كيان الاقتباس المزدوج " يعرض كـ ". المسافة غير القابلة للكسر   تنشئ مسافة تمنع كسر السطر بين الكلمات.

<!-- عرض الاحرف المحجوزة بامان -->
<p>في HTML، تستخدم الوسوم رمزي &lt; و &gt;.</p>
<p>استخدم &amp; لكتابة الامبرساند في HTML.</p>
<p>قيم الخصائص تستخدم &quot;علامات اقتباس مزدوجة&quot;.</p>

<!-- المسافة غير القابلة للكسر لمنع كسر السطر -->
<p>السيد&nbsp;احمد حصل على 10&nbsp;ملايين.</p>

<!-- عرض امثلة الكود في النص -->
<p>وسم &lt;strong&gt; يجعل النص عريضا.</p>

المسافة غير القابلة للكسر تستحق اهتماما خاصا. المسافة العادية تسمح للمتصفح بكسر السطر عند تلك النقطة اثناء التفاف النص. المسافة غير القابلة للكسر تجبر الكلمات على جانبيها على البقاء معا في نفس السطر. استخدمها بين الالقاب والاسماء (السيد&nbsp;احمد)، وبين الارقام ووحداتها (100&nbsp;كم)، وبين ازواج الكلمات الاخرى التي لا يجب فصلها بكسر سطر.

الرموز الشائعة والاحرف الخاصة

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

<!-- الرموز القانونية والتجارية -->
<p>&copy; 2026 اسم الشركة</p>        <!-- حقوق النشر -->
<p>العلامة&trade; المنتج</p>          <!-- علامة تجارية -->
<p>العلامة&reg; مسجلة</p>             <!-- مسجلة -->

<!-- رموز العملات -->
<p>السعر: &euro;50 / &pound;45 / &yen;7000</p>

<!-- الرموز الرياضية -->
<p>5 &times; 3 = 15</p>                 <!-- الضرب -->
<p>10 &divide; 2 = 5</p>                <!-- القسمة -->
<p>x &ne; y</p>                          <!-- لا يساوي -->
<p>x &le; 100</p>                        <!-- اقل من او يساوي -->

<!-- الاسهم -->
<p>التالي &rarr; السابق &larr;</p>      <!-- سهم يمين ويسار -->
<p>اعلى &uarr; اسفل &darr;</p>          <!-- سهم فوق وتحت -->

المراجع الرقمية للاحرف واليونيكود

كل حرف في اليونيكود له نقطة رمز رقمية. يمكنك استخدام نقاط الرمز هذه مباشرة في HTML باستخدام المراجع الرقمية للاحرف. هناك صيغتان: المراجع العشرية مثل © والمراجع الست عشرية مثل © -- وكلاهما يعرض رمز حقوق النشر. المراجع الرقمية مفيدة عندما لا يوجد كيان مسمى متاح للحرف الذي تحتاجه، او عندما تريد تضمين احرف من انظمة كتابة اخرى.

<!-- المراجع الرقمية العشرية -->
<p>&#169; رمز حقوق النشر</p>
<p>&#8364; علامة اليورو</p>
<p>&#9733; حرف النجمة</p>

<!-- المراجع الرقمية الست عشرية -->
<p>&#xA9; رمز حقوق النشر</p>
<p>&#x20AC; علامة اليورو</p>
<p>&#x2605; حرف النجمة</p>

<!-- احرف يونيكود مباشرة (مع ترميز UTF-8) -->
<p>رموز مباشرة: &copy; &euro; ★</p>

<!-- احرف من نصوص اخرى -->
<p>&#x4F60;&#x597D; تعني "مرحبا" بالصينية</p>

عندما يستخدم ملف HTML ترميز UTF-8 (كما يجب، كما هو معلن بواسطة <meta charset="UTF-8">)، يمكنك كتابة معظم احرف اليونيكود مباشرة في الكود المصدري. لكن لا تزال هناك اسباب جيدة لاستخدام الكيانات: تجعل الكود المصدري اكثر قراءة عندما يكون الحرف غامضا بصريا، وتعمل بشكل موثوق بغض النظر عن محرر النصوص المستخدم، وتوضح للمطورين الاخرين ان الحرف كان مقصودا.

الرموز التعبيرية في HTML

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

<!-- احرف الرموز التعبيرية المباشرة (تتطلب UTF-8) -->
<p>التقييم: ⭐⭐⭐⭐⭐</p>

<!-- استخدام المراجع الرقمية للرموز التعبيرية -->
<p>اعجاب: &#128077;</p>
<p>قلب: &#x2764;</p>
<p>علامة صح: &#x2705;</p>

<!-- الرموز التعبيرية في الخصائص -->
<button title="اضف للمفضلة &#x2764;">اعجاب</button>

متى تستخدم الكيانات مقابل الاحرف الفعلية

قرار متى تستخدم كيانات HTML مقابل كتابة الاحرف مباشرة يعود لبضع قواعد واضحة. يجب دائما استخدام الكيانات للاحرف الخمسة المحجوزة (& و < و > و " و ') عندما تظهر في محتوى النص او الخصائص. يجب استخدام الكيانات المسماة للرموز التي تحسن قراءة الكود المصدري، مثل © بدلا من رمز حقوق النشر مباشرة. يمكنك كتابة الاحرف مباشرة بامان عندما يستخدم مستندك ترميز UTF-8 ويكون الحرف مرئيا بوضوح وغير غامض في الكود المصدري. بالنسبة لرموز العملات والرموز الرياضية والاسهم، غالبا ما تجعل الكيانات المسماة الكود اسهل في الصيانة لان اي مطور يمكنه فهم ما يعنيه → فورا حتى بدون رؤية المخرجات المعروضة.