عرض مصدر HTML/em

<noinclude>{{DISPLAYTITLE:العنصر <code>&lt;em&gt;</code>}}</noinclude>
يُعطي العنصر <code><nowiki><em></nowiki></code> توكيدًا للنص الموجود فيه، ويمكن تشعّب العنصر <code><nowiki><em></nowiki></code> (أي استخدام أكثر من عنصر <code><nowiki><em></nowiki></code> داخل بعضها) وكل مستوى من مستويات التشعب يعطي توكيدًا أكثر للنص. 

يمكن استخدام العنصر <code><nowiki><em></nowiki></code> للإشارة إلى اختلاف بين شيئين اثنين كما في المثال الآتي:
<syntaxhighlight lang="html">
<p>
  In HTML 5, what was previously called
  <em>block-level</em> content is now called
  <em>flow</em> content.
</p>
</syntaxhighlight>

{| class="wikitable" style="width: 100%;"
|-
! scope="row" style="width: 20%;" | تصنيفات المحتوى
| عنصر تنظيمي أو عنصر عادي.
|-
! scope="row" | المحتوى المسموح
| محتوى عادي.
|-
! scope="row" | الوسم المختصر
| لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
|-
! scope="row" | العناصر الأب
| أي عنصر يقبل المحتوى العادي.
|-
! scope="row" | واجهة DOM
| <code>HTMLSpanElement</code>
|}

== دعم المتصفحات ==
{| class="wikitable" style="width: 50%;"
 !| Chrome
 ! Firefox
 ! Edge
 ! Safari
 ! Opera
|-
|مدعوم
|مدعوم
|مدعوم
|مدعوم
|مدعوم
|}

== الخاصيات ==
يمكن استخدام [[HTML/Global Attributes|الخاصيات العامة]] في هذا العنصر.

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

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

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

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

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

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

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

==مصادر ومواصفات==
*معيار [https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-em-element HTML Living Standard].
*مواصفة [http://www.w3.org/TR/html5/text-level-semantics.html#the-em-element HTML5].
*مواصفة [http://www.w3.org/TR/html401/struct/text.html#h-9.2.1 HTML 4.01].

[[تصنيف:Inline text semantics]]
[[تصنيف:HTML]]
[[تصنيف:HTML Elements]]