العنصر <i>

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

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

<p>أطول كلمة في الإنكليزية هي <i>pneumonoultramicroscopicsilicovolcanoconiosis</i> وهي تعني أحد الأمراض التي تصيب الرئة.</p>

أو للإشارة إلى مصطلح تقني:

<p>عند تعلم البرمجة، من المهم أن نولي <i>البرمجة الكائنية</i> اهتمامًا بالغًا.</p>

بطاقة العنصر

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

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

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

الخاصيات

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

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

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

استخدم هذا العنصر إن وجدتَ أنَّ معناه هو الأقرب لما تريد فعله، هذه بعض معاني العناصر الأخرى:

• استخدم العنصر <em> لإضفاء توكيد (أو قوة) على النص.
• استخدم العنصر <strong> لإعطاء أهمية للنص.
• استخدم العنصر <mark> لتوسيم نصٍ له صلة بأمرٍ ما.
• استخدم العنصر <cite> لتوسيم اسم عملٍ إبداعي.
• استخدم العنصر <dfn> لتوسيم مصطلح ما في أول مرة يرد فيها.

من المفضَّل استخدام الخاصية class للإشارة إلى سبب استخدام العنصر، فإذا أردت تغيير طريقة العرض لاحقًا فيمكن فعل ذلك على فئة معينة من العناصر عبر صفحات الأنماط CSS.

راجع ملاحظات الاستخدام في صفحة <em> لمزيدٍ من المعلومات حول الفروقات بين العنصرين <em> و <i>.

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

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

i {
  font-style: italic;
}

مصادر ومواصفات

• معيار HTML Living Standard.
• مواصفة HTML5.
• مواصفة HTML 4.01.