الفرق بين المراجعتين ل"HTML/sup"
< HTML
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - ':(Content sectioning|Edits|Embedded content|Forms|Inline text semantics|Input Types|Interactive elements|Main Root|Metadata|Multimedia|Scripting|Table|Text Content)' ب':HTML $1') |
(إضافة قسمين ومثال) |
||
| سطر 4: | سطر 4: | ||
مثال عن استخدام العنصر <code><nowiki><sup></nowiki></code> لكتابة معادلة رياضية: | مثال عن استخدام العنصر <code><nowiki><sup></nowiki></code> لكتابة معادلة رياضية: | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
| − | <p> | + | <p> |
| + | أشهر معادلة فيزيائية هي: | ||
| + | <var>E</var>=<var>m</var><var>c</var><sup>2</sup> | ||
| + | </p> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| + | == بطاقة العنصر == | ||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
| سطر 45: | سطر 49: | ||
* لا يجوز استخدام هذا العنصر لغرض تنسيق أسماء المنتجات مثل Latex؛ وفي هذه الحالة يجب استخدام خاصية <code>vertical-align</code> في CSS مع إسناد القيمة <code>super</code> إليها. | * لا يجوز استخدام هذا العنصر لغرض تنسيق أسماء المنتجات مثل 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>[[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]. | *معيار [https://html.spec.whatwg.org/multipage/semantics.html#the-sub-and-sup-elements HTML Living Standard]. | ||
المراجعة الحالية بتاريخ 13:21، 19 فبراير 2018
يُمثِّل العنصر <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;
}
مصادر ومواصفات
- معيار HTML Living Standard.
- مواصفة HTML5.