HTML: كيانات أحرف HTML

في HTML، بعض الأحرف (مثل < و > و &) تُستخدم كجزء من بناء جملة الوسوم. إذا كنت تريد عرض هذه الأحرف نفسها على الصفحة، تحتاج إلى استخدام كيانات الأحرف (character entities) — وتسمى أيضًا أحرف الهروب.

1. لماذا نحتاج إلى الكيانات

عندما يصادف المتصفح <، يفسره كبداية لوسم. لعرضه كعلامة "أصغر من" على الصفحة، يجب كتابة <. وبالمثل، رمز & نفسه يحتاج إلى هروب لأنه البادئة لمراجع الكيانات.

<p>في HTML، استخدم &lt; للدلالة على أصغر من، و &gt; للدلالة على أكبر من.</p>
<p>&amp; هو رمز "و" نفسه.</p>
<p>النتيجة: استخدم < للدلالة على أصغر من، > للدلالة على أكبر من. & هو رمز "و" نفسه.</p>

2. جدول مراجع الكيانات الشائعة

فيما يلي أكثر كيانات الأحرف استخدامًا في HTML — تستحق الحفظ:

<!-- كيانات HTML الشائعة -->
<p>مسافة غير قابلة للكسر: &nbsp;</p>
<p>أصغر من: &lt;</p>
<p>أكبر من: &gt;</p>
<p>علامة العطف: &amp;</p>
<p>علامة اقتباس مزدوجة: &quot;</p>
<p>علامة اقتباس مفردة: &apos;</p>
<p>رمز حقوق النشر: &copy;</p>
### ▶ مثال
<p>علامة تجارية مسجلة: &reg;</p>
<p>رمز علامة تجارية: &trade;</p>
<p>رمز اليورو: &euro;</p>
<p>رمز اليوان/الين: &yen;</p>
<p>رمز الجنيه: &pound;</p>

3. المراجع الرقمية والكيانات المسماة

رموز الكيانات تأتي في شكلين: الكيانات المسماة (مثل ©) و المراجع الرقمية (مثل ©). يمكن أن تستخدم المراجع الرقمية النظام العشري أو النظام الست عشري (مع بادئة x):

▶ مثال

<p>كيان مسمى: &copy; 2026 Web-Tutorial</p>
<p>مرجع عشري: &#169; 2026 Web-Tutorial</p>
<p>مرجع ست عشري: &#x00A9; 2026 Web-Tutorial</p>
<p>الثلاثة تنتج نفس النتيجة تمامًا: جميعها تعرض رمز ©.</p>

4. أحرف المسافات البيضاء الخاصة

يقوم HTML بطي المسافات المتتالية المتعددة في مسافة واحدة افتراضيًا. إذا كنت بحاجة إلى الحفاظ على تباعد محدد، استخدم هذه الأساليب:

<p>عادي: مسافات   متعددة   تُطوى.</p>
<p>مسافات كيانات: مسافات&nbsp;&nbsp;&nbsp;متعددة&nbsp;&nbsp;مُحتفظ بها.</p>
<p>ملاحظة: &nbsp; تُستخدم أيضًا لمنع كسر الوصل بين السطور، مثل "100&nbsp;كم/ساعة" لن تنفصل عبر الأسطر.</p>

5. ملخص سيناريوهات الاستخدام

• عرض الكود: عند عرض وسوم مثل <div> في أمثلة الكود، يجب استخدام < و >
• رموز خاصة: حقوق النشر ©، علامة تجارية مسجلة ®، رموز العملات
• منع كسر الأسطر: استخدم   للحفاظ على العبارات مثل "100 كم/ساعة" أو "الفصل 1" من الانكسار عبر الأسطر
• تداخل الاقتباسات: عند استخدام اقتباسات داخل قيم السمات، تحتاج الاقتباسات الداخلية إلى الهروب

▶ مثال

❓ أسئلة شائعة

📖 ملخص

• تبدأ الكيانات بـ & وتنتهي بـ ;
• الكيانات الشائعة: < و > و & و   و ©
• الكيانات تأتي في شكلين: كيانات مسماة ومراجع رقمية
• المسافات المتتالية تُطوى بواسطة المتصفحات؛ استخدم   لإجبار الاحتفاظ بها

📝 تمارين

1. عرض الكود: أنشئ فقرة تعرض النص "يرجى استخدام <h1> إلى <h6> لتعريف العناوين" على الصفحة، حيث يظهر <h1> إلى <h6> بتنسيق كود أزرق.

▶ مثال

2. إشعار حقوق النشر: اكتب إشعار حقوق نشر في أسفل الصفحة باستخدام © لرمز حقوق النشر و   للحفاظ على التباعد المناسب.
3. دمج الكيانات: اكتب سطرًا من النص باستخدام كيانات يتضمن علامة أصغر من وأكبر من وعلامة عطف وعلامات اقتباس جميعها مرة واحدة.

فريق Web-Tutorial التقني

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

من نحن