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

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

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

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

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

بطاقة العنصر

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

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

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

الخاصيات

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

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

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

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

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

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

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

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

@@ سطر 4: / سطر 4: @@
 مثال عن استخدام العنصر <code><nowiki><sup></nowiki></code> لكتابة معادلة رياضية:
 <syntaxhighlight lang="html">
-<p>The result of: 2<sup>2</sup> + 1 = 5</p>
+<p>
+  أشهر معادلة فيزيائية هي:
+  <var>E</var>=<var>m</var><var>c</var><sup>2</sup>
+</p>
 </syntaxhighlight>
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 45: / سطر 49: @@
 * لا يجوز استخدام هذا العنصر لغرض تنسيق أسماء المنتجات مثل Latex؛ وفي هذه الحالة يجب استخدام خاصية <code>vertical-align</code> في CSS مع إسناد القيمة <code>super</code> إليها.
 * هنالك عنصرٌ باسم <code>[[HTML/sub|<nowiki><sub></nowiki>]]</code> الذي يعرض النص في مستوى أدنى من مستوى النص الرئيسي؛ لكن لا يمكن استخدام العنصرين <code>[[HTML/sub|<nowiki><sub></nowiki>]]</code> و <code><nowiki><sup></nowiki></code> معًا في الوقت نفسه، وعليك حينئذٍ استخدام MathML للكتابة في مستوى أعلى وأدنى من مستوى النص الرئيسي في الوقت نفسه مثل كتابة العدد الكلي والعدد الذري بعد اسم العنصر الكيميائي.
+== التنسيق الافتراضي ==
+تعرض أغلبية المتصفحات العنصر <code><nowiki><sup></nowiki></code> مع ضبط الخاصية <code>[[CSS/vertical-align|vertical-align]]</code> إلى <code>super</code> و <code>[[CSS/font-size|font-size]]</code> إلى <code>smaller</code>:<syntaxhighlight lang="css">
+sup {
+  vertical-align: super;
+  font-size: smaller;
+}
+</syntaxhighlight>
 ==مصادر ومواصفات==
 *معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-sub-and-sup-elements HTML Living Standard].