<i>: عنصر I

آخر تحديث: 2026-10-13

<i>عنصر I

يعرض النص بخط مائل دون تأكيد، يُستخدم غالبًا للكلمات الأجنبية والمصطلحات التقنية وأسماء السفن وغيرها.

الفئةتنسيق
نموذج المحتوىمحتوى نصي (عبارات)
العناصر الأم المسموحةأي عنصر يقبل المحتوى النصي
وسم الإغلاقنعم — يتطلب إغلاق </i> وسم
الحالةقياسي

📝 البنية

<i>نص مائل</i>

▶ مثال

عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:

🌐 دعم المتصفح

المتصفح ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<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> هو أساسًا قصور تاريخي.

📚 دروس ذات صلة

Web-Tutorial.com

فريق Web-Tutorial التقني

منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.

100%