العنصر <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;
}

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