الكيانات في HTML

بعض الأحرف خاصة في HTML. إذا كتبت < خامًا في نص الصفحة العادي، قد يظن المتصفح أن وسمًا يبدأ. وإذا كتبت & خامًا، قد يظن أن كيانًا يبدأ. كيانات الأحرف (character entities) رموز آمنة تعرض تلك الرموز كنص مرئي بدل إرباك المحلّل. هذه الجلسة تبني نظام الكيانات نفسه: متى تحتاجها، كيف تكتب الأشكال الشائعة المسماة، وكيف تتجنّب الترميز الزائد الذي يفسد قابلية القراءة دون فائدة. عندما تفهم القاعدة، تصبح صفحات الدروس والأمثلة المضمّنة أكثر موثوقية عبر المحررات والمتصفحات.

ما هو كيان HTML؟

كيان HTML طريقة مشفّرة لكتابة حرف داخل العلامات. معظم الكيانات المسماة تبدأ بـ & وتنتهي بـ ;. يستبدل المتصفح الرمز بالحرف الحقيقي عند عرض الصفحة. تحتاج الكيانات غالبًا للأحرف التي يستخدمها HTML بالفعل كنحو علامات، وأحيانًا للرموز التي يصعب كتابتها من لوحة المفاتيح. ليست بديلًا عن حفظ الملف بترميز UTF-8، ولا تعني أن كل حرف في الفقرة يحتاج كيانًا. فكّر فيها كأدوات دقيقة: تستخدمها حيث يكون الحرف الخام غير آمن أو مبهمًا، وتترك النثر العادي كما هو. هذا التوازن يحمي المحلّل ويُبقي المصدر مقروءًا للمؤلف.

إجابة مباشرة

استخدم الكيانات عندما يكون الحرف غير آمن أو غير واضح كنص خام. احفظ أولًا هذه: < لـ <، و> لـ >، و& لـ &، و  لمسافة غير قابلة للكسر. أنهِ دائمًا الكيان المسمى بـ ;. استخدمها في الفقرات، وداخل أمثلة تعليم HTML، كلما كان الحرف الخام سيكسر المستند أو يُقرأ خطأ. إذا كنت تعلّم وسومًا داخل جملة عادية، فالكيانات تجعل المثال نصًا لا عناصر حية. وإذا احتجت علامة «و» ظاهرة في اسم علامة تجارية مثل أسلوب AT&T، فـ & هو الشكل الآمن المعتاد. ابدأ بهذه الأربعة ثم أضف " و© عند الحاجة؛ لا تحفظ قوائم طويلة قبل أن تتقن القاعدة الأساسية.

الكيانات الشائعة في لمحة

الأحرف المحجوزة في الجمل

عندما تعلّم أو تذكر الوسوم في فقرة عادية، اعرضها بالكيانات حتى تبقى نصًا. القارئ يرى الشكل المألوف للوسم، بينما يبقى المستند صالحًا لأنك لم تدخل وسمًا حقيقيًا في منتصف الشرح. هذه العادة أساسية في صفحات الدروس والمدونات التقنية وأي محتوى يشرح HTML داخل HTML. بدونها قد يظهر سطر المثال فقرة أو قسمًا جديدًا، أو يختفي جزء من النص لأن المحلّل «أكل» الأقواس الزاوية. الكيانات تجعل نية المؤلف واضحة: هذه أحرف للعرض، لا بنية حية للصفحة.

قراءة العينة

• <p> يعرض الأحرف <p> دون إنشاء عنصر فقرة في ذلك الموضع
• Tom & Jerry يظهر كـ Tom & Jerry
• & خام بلا كيان صالح يمكن أن يسبب مشاكل تحليل
• الحروف العادية مثل p وJerry لا تحتاج كيانات
• الفاصلة المنقوطة في نهاية كل كيان مسمى جزء من القواعد، لا زخرفة اختيارية
• قارن مصدر الصفحة بالنص المعروض لترى الفرق بين الرمز والنتيجة

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

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

الكيانات المسماة مقابل كتابة الرمز

لكثير من الرموز يمكنك لصق الحرف الحقيقي إذا حُفظ ملفك كـ UTF-8 (انظر جلسة Charset لاحقًا). تبقى الكيانات مهمة خاصة لـ < و> و& لأن هذه الأحرف جزء من نحو HTML. تعلّم الأشكال المسماة الشائعة يجعل صفحات التعليم والأمثلة موثوقة عبر المحررات. قد يدعم محرر حديث اللصق المباشر لـ © أو علامات اقتباس ذكية، لكن درسًا يعرض وسومًا داخل فقرة ما زال يحتاج < و>. الكيانات المسماة أيضًا أوضح في المراجعات النصية: يرى المراجعون الرمز ويعرفون النية فورًا. لا تستبدل كل حرف غير لاتيني بكيان رقمي لمجرد العادة؛ UTF-8 يغطي معظم النثر الحديث. احتفظ بالكيانات حيث يحمي الترميز المعنى أو يمنع كسر العلامات.

تمرين في المحرر

1. اكتب فقرة تعرض النص <div> باستخدام < و>.
2. أضف سطرًا بـ AT&T مكتوبًا بأمان عبر &.
3. استخدم   بين عنوان قصير ورقم لا تريد فصلهما عبر السطور.
4. افتح الصفحة وتأكد أن الرموز تبدو صحيحة.
5. اعرض المصدر وابحث عن رموز الكيانات — قارن المصدر بالنص المعروض.
6. انسَ عمدًا فاصلة منقوطة في كيان واحد، أعد التحميل، لاحظ النتيجة الغريبة، ثم أصلحها.
   بعد الخطوات، اسأل نفسك: هل بقي أي & خام بلا كيان مكتمل؟ هل رُمّزت حروف عادية بلا سبب؟ هل استُخدم   فقط حيث يلزم عدم الفصل؟ التمرين يثبت الفكرة أفضل من حفظ قائمة رموز؛ الخطأ المتعمد في الفاصلة المنقوطة يوضح لماذا القواعد صارمة.

أخطاء تكسر الكيانات

• نسيان ; في نهاية الكيان
• كتابة & وحده في نص ليس كيانًا مكتملًا (فضّل & عندما تقصد علامة العطف)
• ترميز حروف وكلمات عادية لم تحتج كيانات أصلًا
• استخدام   بدل الهامش والتخطيط بدل تعلّم التباعد في CSS
• الخلط بين < و> عند عرض أمثلة الوسوم
  هذه الأخطاء شائعة لأنها تبدو «صغيرة» حتى يكسر أحدها العرض أو يلوّث المصدر. عادة مراجعة سريعة — ابحث عن & في الملف وتأكد أن كل واحد يبدأ كيانًا صالحًا وينتهي بـ ; — تمنع معظم المشاكل قبل النشر.

ملخص

• الكيانات تعرض الأحرف المحجوزة أو الخاصة بأمان في نص HTML
• ابدأ بـ < و> و& و 
• الكيانات المسماة تبدأ بـ & وتنتهي بـ ;
• رمّز الأقواس الزاوية وعلامات العطف عندما يجب أن تظهر كنص
• لا ترميز حروف النثر العادي بلا سبب
• الكيانات مفيدة خاصة عندما تعلّم صفحة HTML لغة HTML نفسها
  احفظ القاعدة لا القائمة كلها: احمِ المحلّل، أظهر الرمز المقصود، وأبقِ المصدر نظيفًا. بهذا تصبح أمثلتك قابلة للنسخ والتعليم دون مفاجآت في المتصفح.