العنصر <sup>

من موسوعة حسوب

يُمثِّل العنصر <sup> جزءًا من النص الذي يجب أن يُعرَض في مستوى أعلى (وغالبًا ما يكون أصغر) من المستوى الرئيسي للنص.

مثال عن استخدام العنصر <sup> لكتابة معادلة رياضية:

<p>
  أشهر معادلة فيزيائية هي: 
  <var>E</var>=<var>m</var><var>c</var><sup>2</sup>
</p>

بطاقة العنصر

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

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

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

الخاصيات

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

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

  • يجب أن يستعمل هذا العنصر لأغراض مطبعية فقط، أي أنَّ تغيير مكان النص سيؤدي إلى تغيير معناه كما في التعابير الرياضية (مثل x2).
  • لا يجوز استخدام هذا العنصر لغرض تنسيق أسماء المنتجات مثل Latex؛ وفي هذه الحالة يجب استخدام خاصية vertical-align في CSS مع إسناد القيمة super إليها.
  • هنالك عنصرٌ باسم <sub> الذي يعرض النص في مستوى أدنى من مستوى النص الرئيسي؛ لكن لا يمكن استخدام العنصرين <sub> و <sup> معًا في الوقت نفسه، وعليك حينئذٍ استخدام MathML للكتابة في مستوى أعلى وأدنى من مستوى النص الرئيسي في الوقت نفسه مثل كتابة العدد الكلي والعدد الذري بعد اسم العنصر الكيميائي.

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

تعرض أغلبية المتصفحات العنصر <sup> مع ضبط الخاصية vertical-align إلى super و font-size إلى smaller:

sup {
  vertical-align: super;
  font-size: smaller;
}

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