<i>: عنصر I
آخر تحديث: 2026-10-13
<i>عنصر I
يعرض النص بخط مائل دون تأكيد، يُستخدم غالبًا للكلمات الأجنبية والمصطلحات التقنية وأسماء السفن وغيرها.
| الفئة | تنسيق |
|---|---|
| نموذج المحتوى | محتوى نصي (عبارات) |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى النصي |
| وسم الإغلاق | نعم — يتطلب إغلاق </i> وسم |
| الحالة | قياسي |
📝 البنية
<i>نص مائل</i>
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح | |||||
|---|---|---|---|---|---|
| <i> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة: <i> لا يحمل دلالة، يغير المظهر فقط. استخدم <em> عندما يحتاج النص تأكيدًا صوتيًا.
❓ الأسئلة الشائعة
Qما دلالة وسم i في HTML5؟
Aأعاد HTML5 تعريف
<i>: نص «بنبرة أو مزاج مختلف عن النص المحيط»، كالمصطلحات التقنية والعبارات الأجنبية والأسماء العلمية للأنواع ومونولوجات الوعي الداخلي. لم يعد مائلًا بصريًا خالصًا لكنه لا يحمل دلالة تأكيد أيضًا — وعند الحاجة للتأكيد استخدم <em>.Qأيهما أختار: i أم em؟
Aبحسب الدلالة: لإبراز الأهمية أو تغيير نبرة الجملة استخدم
<em>؛ ولسيناريوهات «تغيير الصوت» كالمصطلحات والكلمات الأجنبية وأسماء السفن استخدم <i>. مثلًا «تُقرأ هذه الكلمة باليابانية <i>ねこ</i>» حالة مناسبة لـ <i>.Qهل وضع الأيقونات داخل وسم i استخدام صحيح؟
Aهذا عرف انتشر بسبب مكتبات مثل Bootstrap وFont Awesome، لكنه غير صحيح وفق مواصفات HTML — الأيقونة ليست نصًا. الأصح دلاليًا استخدام
<span> مع السمة aria-hidden، أو <svg> مباشرة. ووضع الأيقونات في <i> هو أساسًا قصور تاريخي.