يُمثِّل العنصر <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;
}