الفرق بين المراجعتين لصفحة: «HTML/i»

المراجعة الحالية بتاريخ 08:32، 19 فبراير 2018

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

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

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

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

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

بطاقة العنصر

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

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

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

الخاصيات

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

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

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

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

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

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

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

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

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

i {
  font-style: italic;
}

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

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

@@ سطر 4: / سطر 4: @@
 يمكن استخدام العنصر <code><nowiki><i></nowiki></code> للإشارة إلى كلمات بلغة أجنبية كما في المثال الآتي:
 <syntaxhighlight lang="html">
-<p>The Latin phrase <i class="latin">Veni, vidi, vici</i> is often
+<p>أطول كلمة في الإنكليزية هي <i>pneumonoultramicroscopicsilicovolcanoconiosis</i> وهي تعني أحد الأمراض التي تصيب الرئة.</p>
-mentioned in music, art, and literature.</p>
+</syntaxhighlight>أو للإشارة إلى مصطلح تقني:
+<syntaxhighlight lang="html">
+<p>عند تعلم البرمجة، من المهم أن نولي <i>البرمجة الكائنية</i> اهتمامًا بالغًا.</p>
 </syntaxhighlight>
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 55: / سطر 59: @@
 راجع ملاحظات الاستخدام في صفحة <code>[[HTML/em|<nowiki><em></nowiki>]]</code> لمزيدٍ من المعلومات حول الفروقات بين العنصرين <code>[[HTML/em|<nowiki><em></nowiki>]]</code> و <code><nowiki><i></nowiki></code>.
+==التنسيق الافتراضي==
+تعرض أغلبية المتصفحات العنصر <code><nowiki><i></nowiki></code> مع ضبط نمط الخط (الخاصية <code>[[CSS/font-style|font-style]]</code>) إلى <code>italic</code>:<syntaxhighlight lang="css">
+i {
+  font-style: italic;
+}
+</syntaxhighlight>
 ==مصادر ومواصفات==
 *معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-i-element HTML Living Standard].