34- كيانات HTML: استبدال الأحرف الخاصة!

في لغة HTML، توجد بعض الأحرف التي لها معنى خاص للمتصفح ولا يمكن كتابتها بشكل مباشر لأنها تستخدم لتحديد عناصر وتنسيق المحتوى. تُسمى هذه الأحرف بـ “الأحرف المحجوزة” (Reserved Characters). لحل هذه المشكلة، توفر HTML نظامًا يسمى بـ “كيانات HTML” (Entities) لاستبدال هذه الأحرف بسلاسل نصية قصيرة خاصة.

مثال:

• علامة “>” (أكبر من) لا يمكن كتابتها مباشرةً لأنها تستخدم لإنهاء العناصر في HTML. بدلًا من ذلك، نستخدم كيانها وهو >.

كيانات الأحرف في HTML: تمييز خاص للعناصر

في لغة HTML، توجد بعض الأحرف التي لها معنى خاص للمتصفح ولا يمكن كتابتها بشكل مباشر كباقي النصوص. تسمى هذه الأحرف بـ “الأحرف المحجوزة” (Reserved Characters). على سبيل المثال، علامتا “<” و “>” تستخدمان للإشارة إلى بداية ونهاية العناصر في الصفحة.

إذا وضعت هذه الأحرف مباشرةً في نص HTML، فقد يخلطها المتصفح مع العناصر ويؤدي ذلك إلى أخطاء في العرض. لحل هذه المشكلة، توفر HTML نظامًا يُسمى بـ “كيانات الأحرف” (Character Entities) لاستبدال هذه الأحرف بكلمات أو أرقام خاصة يتم تفسيرها بشكل صحيح.

هناك نوعان من كيانات الأحرف:

• أسماء الكيانات (Entity names): وهي كلمات سهلة التذكر مثل < لعلامة “<” و > لعلامة “>”.
• أرقام الكيانات (Entity numbers): وهي أرقام عشرية مثل < لعلامة “<” و > لعلامة “>”.

تبدو أسماء الكيانات كما يلي:

&entity_name;

تبدو أرقام الكيانات كما يلي:

&#entity_number;

لعرض علامة أقل من (<) في نص HTML، يجب علينا كتابة:

• < أو
• <

أسماء الكيانات أسهل في التذكر من أرقام الكيانات.

مسافة عدم التقطيع في HTML: حافظ على ترابط الكلمات!

إحدى العلامات الشائعة في لغة HTML هي مسافة عدم التقطيع (Non-breaking Space)، والتي يتم تمثيلها بالرمز  .

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

أمثلة على استخدام مسافة عدم التقطيع:

• الرموز مع وحداتها: § 10، 10 كم/ساعة، 10 مساءً
• الاختصارات: مثلًا، Dr. Jones
• عناوين الفصول: الفصل 1: مقدمة

استخدام آخر مهم لمسافة عدم التقطيع هو منع المتصفحات من حذف المسافات الزائدة. فعندما تكتب 10 مسافات متتالية في نصك، سيقوم المتصفح بحذف 9 منها تلقائيًا. ولإضافة مسافات حقيقية لا يتم حذفها، يمكنك استخدام رمز  .

هناك أيضًا رمز مشابه وهو شرطة عدم التقطيع (Non-breaking Hyphen)، والذي ي representado بالرمز ‑. تعمل هذه الشرطة بشكل مشابه لمسافة عدم التقطيع، حيث تمنع انتقال الكلمة التي تتضمنها إلى سطر جديد.

باختصار، تعد مسافة عدم التقطيع وشرطة عدم التقطيع أدوات مفيدة في لغة HTML لإبقاء الكلمات والرموز مترابطة بشكل صحيح، بغض النظر عن تخطيط الصفحة وعرض السطور.

بعض كيانات HTML المفيدة:

ملاحظة:

• أسماء الكيانات حساسة لحالة الأحرف، أي أن كتابة &Lt; بدلاً من &lt; لن يعطي النتيجة المطلوبة.

علامات التشكيل في HTML: أضف نكهة إلى أحرفك!

علامة التشكيل هي رمز أو شكل صغير يضاف إلى الحرف الأساسي لتعديل نطقه أو معناه. على سبيل المثال، الحرفان “à” و “á” يختلفان عن حرف “a” العادي بسبب وجود علامة التشكيل فوقهما.

تسمى بعض علامات التشكيل بـ “الفتحات”، مثل الفتحة (ِ) والكسرة (َ) والضمة (ُ). كما يوجد أنواع أخرى مثل التنوين والتشديد والمد وغيرها.

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

أمثلة:

لاحظ أن كل تركيب يتكون من الحرف الأساسي متبوعًا برقم يمثل رمز علامة التشكيل المضافة. توجد المزيد من الأمثلة في الفصل التالي.