رموز التنقيط في HTML
مرحباً! اليوم بنتكلم عن رموز التنقيط (أو الكيانات) في HTML. شي بسيط لكنه مهم جداً عشان تعرض المحتوى صح.ما هي رموز التنقيط (الكيانات) في HTML؟
بكل بساطة، رموز التنقيط هي طريقة لكتابة أحرف خاصة أو محجوزة في HTML بحيث المتصفح يقدر يفهمها ويعرضها صح. تبدأ بعلامة& وتنتهي بـ ;.ملاحظة: اسمها بالإنجليزية "HTML Entities".
لماذا نحتاجها؟
فيه سببين رئيسيين:- الأحرف المحجوزة: بعض الأحرف لها معنى خاص في HTML. مثلاً، علامة
<(أصغر من) تستخدم لبداية الوسوم (Tags). لو تبغى تعرضها كنص عادي، المتصفح بيحسبها بداية وسم. هنا يجي دور الكيانات. - الأحرف غير الموجودة في لوحة المفاتيح: أحرف خاصة زي علامة حقوق النشر
©أو رموز العملات€ممكن ما تكون موجودة مباشرة في لوحة المفاتيح، أو ممكن تسبب مشاكل في الترميز (Encoding) لو ما استخدمت الكيانات.
أمثلة شائعة
هذي بعض الكيانات اللي راح تشوفها كثير:<لعرض علامة<>لعرض علامة>&لعرض علامة&"لعرض علامة"'لعرض علامة'(ملاحظة: بعض المتصفحات القديمة قد لا تدعمها، الأفضل استخدام')©لعرض علامة حقوق النشر©®لعرض علامة مسجلة®™لعرض علامة تجارية™
كيف تستخدمها؟
فيه طريقتين رئيسيتين:- باسم الكيان (Entity Name): هذي هي الطريقة الأسهل والأكثر وضوحاً. مثلاً:
< - برقم الكيان (Entity Number): ممكن يكون عشري (Decimal) أو سداسي عشري (Hexadecimal). مفيد للأحرف اللي ما لها اسم كيان واضح.
<p>هذي علامة حقوق النشر: ©</p><p>وهذي علامة اليورو: €</p>&#x):<p>هذي علامة حقوق النشر: ©</p><p>وهذي علامة اليورو: €</p>نصيحة: الأفضل استخدام اسم الكيان إذا كان متوفراً لأنه أسهل في القراءة والفهم.
حالات خاصة
- المسافات: إذا استخدمت أكثر من مسافة عادية
- علامة
&: لو تبغى تعرض علامة&كنص، لازم تستخدم&، وإلا المتصفح ممكن يحسب اللي بعدها بداية كيان.
<p>هذي الكثير من المسافات ستظهر كمسافة واحدة فقط.</p><p>هذي الكثير من المسافات ستظهر كما هي.</p>