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

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

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

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

<p>الصيغة الكيميائية للماء هي: H<sub>2</sub>O</p>

بطاقة العنصر

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

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

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

الخاصيات

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

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

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

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

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

sub {
  vertical-align: sub;
  font-size: smaller;
}

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

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

@@ سطر 4: / سطر 4: @@
 مثال عن استخدام العنصر <code><nowiki><sub></nowiki></code> لكتابة الصيغة الكيميائية للماء:
 <syntaxhighlight lang="html">
-<p>The chemical formula of water: H<sub>2</sub>O</p>
+<p>الصيغة الكيميائية للماء هي: H<sub>2</sub>O</p>
 </syntaxhighlight>
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 46: / سطر 47: @@
 * لا يجوز استخدام هذا العنصر لغرض تنسيق أسماء المنتجات مثل Latex؛ وفي هذه الحالة يجب استخدام خاصية <code>vertical-align</code> في CSS مع إسناد القيمة <code>sub</code> إليها.
 * هنالك عنصرٌ باسم <code>[[HTML/sup|<nowiki><sup></nowiki>]]</code> الذي يعرض النص في مستوى أعلى من مستوى النص الرئيسي؛ لكن لا يمكن استخدام العنصرين <code><nowiki><sub></nowiki></code> و <code>[[HTML/sup|<nowiki><sup></nowiki>]]</code> معًا في الوقت نفسه، وعليك حينئذٍ استخدام MathML للكتابة في مستوى أعلى وأدنى من مستوى النص الرئيسي في الوقت نفسه مثل كتابة العدد الكلي والعدد الذري بعد اسم العنصر الكيميائي.
+== التنسيق الافتراضي ==
+تعرض أغلبية المتصفحات العنصر <code><nowiki><sub></nowiki></code> مع ضبط الخاصية <code>[[CSS/vertical-align|vertical-align]]</code> إلى <code>sub</code> و <code>[[CSS/font-size|font-size]]</code> إلى <code>smaller</code>:<syntaxhighlight lang="css">
+sub {
+  vertical-align: sub;
+  font-size: smaller;
+}
+</syntaxhighlight>
 ==مصادر ومواصفات==