❮
Programming Basics SQL HTML CSS JavaScript React Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Linux Learn Typing
❯
عودة للدرس❯ ❮عودة للدرس

HTMLالوسم <i>

  • تعريفه
  • دعم المتصفحات
  • خصائصه
  • إستخدامه
  • تصميمه الإفتراضي
  • نصائح و ملاحظات

تعريفه

نستخدم الوسم <i> على هذا النحو <i> </i> لعرض النص الذي نضعه بداخله بخط مائل.

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

الجدول التالي يظهر المتصفحات التي تدعم الوسم <i>.

Chrome Edge Firefox Opera Safari Android
Webview		 Chrome
for Android		 Firefox
for Android		 Opera
for Android		 Safari
for IOS		 Samsung
Internet
مدعوم 12 1 مدعوم مدعوم مدعوم مدعوم 4 مدعوم مدعوم مدعوم

خصائصه

لا يملك أي خصائص تم إعدادها خصيصاً له.

إستخدامه

في المثال التالي قمنا بعرض الجملة Lord of the Rings بخط مائل.

مثال

<i>Lord of the Rings</i> is a very large book.
جرب الكود

تصميمه الإفتراضي

بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.

i {
    font-style: italic;
}

نصائح و ملاحظات

  • إستخدم الوسم <i> في حال أردت عرض الكلام بخط مائل.
  • استخدم الوسم <em> في حال أردت عرض الكلام بخط مائل بالإضافة لجعل قارئ الشاشة ( Screen Reader ) يغيّر نبرته حين يقرأ الكلام المائل.
  • إستخدم الوسم <cite> في حال أردت عنوان عمل مهم بشكل مائل لتمييزه عن باقي النص الموضوع في الصفحة.