الرموز والكيانات في HTML

الدرس 16 من 17 · HTML

جرّب أن تكتب في صفحتك جملة تشرح فيها وسم الفقرة، وتكتب الوسم نفسه داخل الجملة. ستُفاجأ: الوسم يختفي! السبب أن المتصفح يعتبر كل ما يبدأ بعلامة «أصغر من» وسماً ينفّذه ولا يعرضه. فكيف تكتب هذه العلامة كنص عادي؟ وكيف تكتب رمز حقوق النشر © وهو غير موجود على لوحة المفاتيح؟ الجواب في الكيانات (Entities).

ما هو الكيان؟

الكيان رمز بديل تكتبه في الكود، فيعرض المتصفح مكانه الحرف المطلوب. وله شكل ثابت:

يبدأ بعلامة &
ثم اسم الرمز
وينتهي بفاصلة منقوطة ;

مثلاً: تكتب < فتظهر في الصفحة العلامة <.

تخيّل كلمة «نقطة» في الإملاء: عندما يقول المعلم «نقطة» فهو لا يريدك أن تكتب الكلمة، بل أن تضع العلامة نفسها. وإذا أراد الكلمة فعلاً قال شيئاً يوضح قصده. الكيان هو طريقتك لتقول للمتصفح: «أريد هذا الرمز حرفاً يُعرض، لا أمراً يُنفَّذ».

الرموز المحجوزة

هذه رموز لها وظيفة في لغة HTML نفسها، فإذا أردتها نصاً كتبت كيانها:

الرمز	الكيان	اسمه
`<`	`<`	أصغر من (less than)
`>`	`>`	أكبر من (greater than)
`&`	`&`	علامة العطف (ampersand)
`"`	`"`	علامة تنصيص مزدوجة

<p>الفقرة تُكتب داخل الوسم &lt;p&gt; في HTML.</p>
<p>شركة النور &amp; الأمل للتجارة</p>
<p>إذا كان 5 &lt; 10 فالشرط صحيح.</p>

والنتيجة في الصفحة:

الفقرة تُكتب داخل الوسم <p> في HTML.
شركة النور & الأمل للتجارة
إذا كان 5 < 10 فالشرط صحيح.

أما " فتحتاجها عندما تريد علامة تنصيص داخل قيمة خاصية محاطة هي نفسها بعلامتي تنصيص:

<img src="book.jpg" alt="غلاف كتاب &quot;الأيام&quot;">

المسافة غير المنكسرة

تعلمت أن المتصفح يضغط المسافات المتتالية إلى مسافة واحدة. الكيان   مسافة خاصة لها ميزتان:

لا تُضغط: كل   تظهر مسافة كاملة.
لا ينكسر السطر عندها: الكلمتان حولها تبقيان معاً في السطر نفسه.

والميزة الثانية هي الاستخدام الصحيح لها: إبقاء شيئين متلاصقين، مثل الرقم ووحدته.

<p>وزن الطرد 25&nbsp;كجم والمسافة 300&nbsp;كم.</p>

بهذا لا يأتي الرقم 25 في آخر سطر و«كجم» في أول السطر التالي.

رموز مفيدة

الرمز	الكيان	الاستخدام
©	`©`	حقوق النشر
®	`®`	علامة مسجلة
™	`™`	علامة تجارية
€	`€`	اليورو
£	`£`	الجنيه الإسترليني
×	`×`	علامة الضرب
÷	`÷`	علامة القسمة
°	`°`	درجة الحرارة أو الزاوية
←	`←`	سهم لليسار
→	`→`	سهم لليمين
↑	`↑`	سهم للأعلى
↓	`↓`	سهم للأسفل
—	`—`	شرطة طويلة
…	`…`	ثلاث نقاط

<footer>
  <p>&copy; 2026 مكتبة المعرفة. جميع الحقوق محفوظة.</p>
</footer>

الكيان بالرقم

لكل حرف ورمز في العالم رقم في نظام Unicode. ويمكنك كتابة أي رمز برقمه، حتى لو لم يكن له اسم:

<p>&#169; بالرقم العشري</p>
<p>&#xA9; بالرقم الست عشري</p>

السطران يعرضان الرمز نفسه ©. الصيغة &#الرقم; للرقم العشري، و &#xالرقم; للست عشري.

هل أحتاج الكيانات دائماً؟

لا. ما دام في صفحتك السطر <meta charset="UTF-8">، فأنت تستطيع كتابة أغلب الرموز مباشرة: الحروف العربية، و ©، و €، والأسهم، وحتى الإيموجي.

<p>© 2026 — درجة الحرارة 30° ☀️</p>

إذن القاعدة:

إلزامي: < و & عندما تريدهما نصاً. ومعهما > للوضوح.
مفيد:   لأنك لا تستطيع تمييزها بالعين لو كتبتها مباشرة.
اختياري: باقي الرموز. اكتبها مباشرة إن كانت على لوحة مفاتيحك، أو بالكيان إن لم تكن.

جرّب بنفسك

احذف الكيان < من السطر الأول واكتب مكانه العلامة نفسها، وشاهد كيف تختفي كلمة من الجملة. ثم أضف سطراً فيه سعر باليورو ومعادلة ضرب:

جرّب بنفسكHTML

أو اضغط Ctrl + Enter

الناتج

أخطاء شائعة

نسيان الفاصلة المنقوطة: &copy 2026 قد تعمل في بعض الحالات وتفشل في أخرى. اختم الكيان دائماً بـ ;.
كتابة & مباشرة في النص: تعمل غالباً، لكن إذا جاء بعدها ما يشبه اسم كيان فسيتغير النص. اكتب & دائماً.
استخدام   للتنسيق: صف من المسافات لتحريك نص هو حل هش ينكسر مع تغيّر حجم الشاشة.

اختبر نفسك

سؤال

كيف تعرض النص <br> في الصفحة كما هو دون أن ينفّذه المتصفح؟

سؤال

ما الاستخدام الصحيح للكيان  ؟

الخلاصة

الكيان يبدأ بـ & وينتهي بـ ; ويعرض رمزاً مكانه.
< و > و & لعرض الرموز المحجوزة في HTML كنص.
  مسافة لا تُضغط ولا ينكسر السطر عندها.
مع charset="UTF-8" تستطيع كتابة أغلب الرموز والإيموجي مباشرة.

عن مدرسة البرمجة

مدرسة البرمجة موقع عربي مجاني لتعليم البرمجة من الصفر، بدروس منظمة وأمثلة تجربها بنفسك. هدفنا أن يتعلم كل عربي البرمجة بلغته، خطوة بخطوة.