# العنصر em

> يُعطي العنصر توكيدًا للنص الموجود فيه، ويمكن تشعّب العنصر (أي استخدام أكثر من عنصر داخل بعضها) وكل مستوى من مستويات التشعب يعطي توكيدًا أكثر للنص

- Canonical URL: https://coreiten.com/article/العنصر-em
- Language: ar
- Section: HTML
- Author: Sami
- Published: 2025-01-22T00:00:00+03:00
- Modified: 2026-01-30T18:23:40+03:00
- Publisher: CoreITen (https://coreiten.com)
- Keywords: ما هو العنصر em في html, شرح العنصر em في html, ربط العنصر i مع العنصر em, امثلة عن العنصر em, خاصيات العنصر em, استخدام العنصر em في html, التنسيق الافتراضي للعنصر em, تعلم html من الصفر

---

**العنصر <em>**

يُعطي العنصر `<em>` توكيدًا للنص الموجود فيه، ويمكن تشعّب العنصر `<em>` (أي استخدام أكثر من عنصر `<em>` داخل بعضها) وكل مستوى من مستويات التشعب يعطي توكيدًا أكثر للنص.

يمكن استخدام العنصر `<em>` للإشارة إلى اختلاف بين شيئين اثنين كما في المثال الآتي:

```html
<p>
  الموسوعة التقنية تهتم <em>بتوثيق</em>
  لغات البرمجة، وليس بتقديم
  <em>دروس</em> عنها.
</p>
```

## بطاقة العنصر

| تصنيفات المحتوى | عنصر تنظيمي أو عنصر عادي. |
| --- | --- |
| المحتوى المسموح | محتوى عادي. |
| الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
| العناصر الأب | أي عنصر يقبل المحتوى العادي. |
| واجهة DOM | HTMLSpanElement |

## دعم المتصفحات

| Chrome | Firefox | Edge | Safari | Opera |
| --- | --- | --- | --- | --- |
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |

## الخاصيات

يمكن استخدام [الخاصيات العامة](https://coreiten.com/article/%D8%A7%D9%84%D8%AE%D8%A7%D8%B5%D9%8A%D8%A7%D8%AA-%D8%A7%D9%84%D8%B9%D8%A7%D9%85%D8%A9) في هذا العنصر.

## ملاحظات الاستخدام

صحيحٌ أنَّ هذا العنصر يُعرَض عادةً بخطٍ مائل (italic)، لكن لا يجوز استخدامه لعرض عرض النص بالخط المائل، وإنما يجب استخدام CSS لأمور التنسيق.

استخدم العنصر `<cite>` لتوسيم عنوان أحد الأعمال الإبداعية (كتاب أو مسرحية أو أغنية...إلخ.) والذي يُعرَض عادةً بخطٍ مائل أيضًا لكن له معنى مختلف.

استخدم العنصر `<strong>` للإشارة إلى أنَّ النص المحتوى داخله له أهمية أكثر مما حوله من النص.

**العنصر `<i>` والعنصر `<em>`**

وجود العديد من العناصر لتوكيد النص يؤدي إلى إرباك الكثير من المطورين، ومن أكثر تلك العناصر شهرةً العنصرين `<i>` و `<em>`، فالسؤال الشائع بين المطورين الجدد هو متى نستخدم `<em>` ومتى نستخدم `<i>`؟ أليست النتيجة نفسها؟

صحيحٌ أنَّ طريقة عرض العنصرين `<em>` و `<i>` افتراضيًا هي نفسها والتي تجعل النص معروضًا بخطٍ مائل، لكن المعنى التنظيمي يختلف تمامًا؛ فالعنصر `<em>` يضفي توكيدًا على محتواه، بينما العنصر `<i>` يُمثِّل نصًا يجب أن يتميز عن المحتوى العادي مثل اسم كتاب أو فلم، أو كلمة أجنبية، أو عندما يُشير النص إلى معنى كلمة ما.

فمثلًا، يمكن استخدام العنصر `<em>` في الجملة الآتية: «*يجب* علينا اتخاذ إجراء لمنع ذلك» أو «هل تفكر *جديًّا* بفعل ذلك؟!». فالشخص أو البرنامج الذي سيقرأ الجملتين السابقتين سيلفظ الكلمات المكتوبة بخطٍ مائل بقوة (مشيرًا إلى توكيدها).

أما مثال عن العنصر `<i>`: «محمد يتعلّم لغة *PHP* حاليًا»، إذ لا يوجد توكيد أو أهمية لكلمة «PHP» في الجملة السابقة، وإنما إشارة إلى اسم اللغة.

## التنسيق الافتراضي

تعرض أغلبية المتصفحات العنصر `<em>` مع ضبط نمط الخط (الخاصية `font-style`) إلى `italic`:

```css
em {
  font-style: italic;
}
```

## مواضيع ذات صلة

- [تعلم html من الصفر](https://coreiten.com/topic/%D8%AA%D8%B9%D9%84%D9%85-html-%D9%85%D9%86-%D8%A7%D9%84%D8%B5%D9%81%D8%B1)