شرح HTML Entities بالعربي — كتابة رموز خاصة في الكود

تخيّل أنك تكتب درساً عن HTML، وتريد أن تكتب في النص: "الوسم <p> يُنشئ فقرة". المشكلة أنك إذا كتبت <p> مباشرة في كودك، سيعتقد المتصفح أنك تريد إنشاء فقرة فعلاً — لا أن تعرض نصاً يحتوي على الوسم!

هذه هي المشكلة التي تحلّها HTML Entities (المراجع). هي طرق خاصة لكتابة الرموز التي تتعارض مع HTML أو التي لا يمكن كتابتها مباشرة من لوحة المفاتيح.

لماذا يوجد رموز "محجوزة" في HTML؟

المتصفح يقرأ الصفحة ويبحث عن علامات معينة ليفهم هيكل الصفحة:

• علامة < تعني: "يبدأ وسم هنا"
• علامة > تعني: "ينتهي الوسم هنا"
• علامة & تعني: "يبدأ مرجع (entity) هنا"

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

قاعدة واحدة تفهم بها كل شيء

كل مرجع في HTML يتبع نفس البنية تماماً:

& + اسم_الرمز + ;

مثال: &lt;   →  يُعرض كـ  <
مثال: &gt;   →  يُعرض كـ  >
مثال: &amp;  →  يُعرض كـ  &
مثال: &copy; →  يُعرض كـ  ©

يبدأ المرجع دائماً بعلامة & وينتهي دائماً بنقطة مفردة ;. ما بينهما هو اسم الرمز.

الرموز المحجوزة — الأكثر أهمية

هذه الرموز يجب كتابتها دائماً بصيغة الـ Entity عندما تريد عرضها كنص:

المسافة غير القابلة للكسر —  

أشهر مرجع في HTML هو   وهو اختصار لـ Non-Breaking Space أي "مسافة لا تنكسر".

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

<!-- المتصفح سيعرض فقط مسافة واحدة رغم وجود عدة مسافات -->
<p>كلمة          كلمة</p>

<!-- &nbsp; يُضيف مسافات حقيقية لا تُدمج -->
<p>كلمة&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;كلمة</p>

<!-- يمنع كسر السطر بين كلمتين معاً -->
<p>Mr.&nbsp;Smith لن تنفصل عن بعضها</p>

رموز شائعة أخرى

مثال عملي — كتابة درس HTML داخل صفحة HTML

هذا هو أكثر موقف تحتاج فيه للـ Entities: عندما تشرح كوداً HTML داخل صفحة HTML. إليك كيف تكتب جملة تشرح وسم الفقرة:

<!-- ما تكتبه في الكود -->
<p>الوسم &lt;p&gt; يُنشئ فقرة نصية في HTML.</p>

<!-- ما يراه الزائر في المتصفح -->
الوسم <p> يُنشئ فقرة نصية في HTML.

وهذا هو بالضبط ما يفعله هذا الموقع في كل درس — كل مثال كود تراه مكتوباً داخله HTML Entities!

الأسئلة الشائعة — FAQ

هل Entities حساسة لحالة الأحرف؟

نعم. < تعمل، لكن < لن تعمل. اكتب أسماء المراجع دائماً بأحرف صغيرة.

هل يمكن استخدام الرقم بدل الاسم؟

نعم. لكل رمز رقم Unicode يمكن كتابته بشكل عددي. مثلاً < تُكتب أيضاً <. الاسم النصي أوضح وأسهل للقراءة — استخدمه دائماً متى أمكن.

هل يجب أن أحفظ كل هذه الرموز؟

لا. تحتاج لحفظ الخمسة الأساسية فقط: <، >، &،  ، ©. بقية الرموز تجدها بسهولة في أي مرجع HTML متى احتجتها.