رموز تشبه الأحرف في HTML
يا هلا بالمهندسين! اليوم بنتكلم عن موضوع بسيط لكن مهم جداً في HTML: الرموز اللي شكلها زي الأحرف بس مش أحرف عادية.
وش هي الرموز اللي تشبه الأحرف (Character Entities)؟
ببساطة، هي طريقة نكتب فيها رموز معينة في HTML ما نقدر نكتبها مباشرة بالكيبورد، أو رموز لها معنى خاص في HTML وما نبغى المتصفح يفسرها بهذا المعنى الخاص.
ملاحظة سريعة: المتصفح ممكن يتلخبط لو شاف رموز زي
<أو>لأنها تستخدم لفتح وإغلاق التاجات. عشان كذا، لازم نستخدم طريقة خاصة لكتابتها.
ليش نحتاجها؟
- للرموز المحجوزة (Reserved Characters): مثل علامة أصغر من (
<) وأكبر من (>) وعلامة الأند (&). هذي الرموز لها وظيفة خاصة في بناء صفحات HTML، فلو كتبتها مباشرة، المتصفح بيفهمها كجزء من الكود، مو كنص عادي. - للرموز اللي ما هي موجودة بالكيبورد: زي علامة حقوق النشر (©) أو علامة التجارة المسجلة (®) أو حتى المسافة اللي ما تنكسر (non-breaking space).
كيف نستخدمها؟
فيه طريقتين رئيسيتين:
-
بالاسم (Named Entities): وهذي أسهل طريقة لأنك تستخدم اسم الرمز. تبدأ بعلامة
&وتنتهي بـ;.أمثلة:
<يعرض<(علامة أصغر من)>يعرض>(علامة أكبر من)&يعرض&(علامة الأند)"يعرض"(علامة اقتباس مزدوجة)'يعرض'(علامة اقتباس مفردة - ليست مدعومة في كل المتصفحات القديمة، الأفضل استخدام')©يعرض©(علامة حقوق النشر)®يعرض®(علامة التجارة المسجلة)
-
بالرقم (Numeric Entities): وهذي تستخدم الرقم العشري أو الست عشري (Hexadecimal) للرمز في مجموعة أحرف Unicode. تبدأ بـ
&#للرقم العشري أو&#xللرقم الست عشري، وتنتهي بـ;.أمثلة:
<يعرض<(علامة أصغر من)>يعرض>(علامة أكبر من)&يعرض&(علامة الأند)©يعرض©(علامة حقوق النشر)€يعرض€(رمز اليورو)
مثال عملي
تخيل إنك تبغى تكتب معادلة بسيطة زي x < y && y > z داخل فقرة. لو كتبتها مباشرة، ممكن المتصفح يتلخبط. الحل هو استخدام الرموز:
<p>المعادلة هي: x < y && y > z</p>
<p>حقوق النشر © 2023 كل الحقوق محفوظة.</p>الناتج في المتصفح بيكون:
المعادلة هي: x < y && y > z
حقوق النشر © 2023 كل الحقوق محفوظة.
نصيحة أخيرة
دايماً استخدم الـ Character Entities لما تتعامل مع الرموز المحجوزة أو الرموز الخاصة. بتضمن إن صفحتك تظهر صح في كل المتصفحات وما يصير عندك أي مشاكل في التفسير. وبس والله، هذا كان شرح سريع ومفيد عن الموضوع. نشوفكم في درس ثاني!