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

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

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

بطاقة العنصر

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

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

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

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

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

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

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

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

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

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

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

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

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

em {
  font-style: italic;
}