<sub>: عنصر SUB
آخر تحديث: 2026-10-13
<sub>عنصر SUB
يعرّف نصًا سفليًا يُعرض أسفل خط الأساس، يُستخدم في الصيغ الكيميائية (مثل H₂O) والترميز الرياضي.
| الفئة | تنسيق |
|---|---|
| نموذج المحتوى | محتوى نصي (عبارات) |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى النصي |
| وسم الإغلاق | نعم — يتطلب إغلاق </sub> وسم |
| الحالة | قياسي |
📝 البنية
<sub>نص سفلي</sub>
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح | |||||
|---|---|---|---|---|---|
| <sub> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة: النص السفلي يغير ارتفاع السطر؛ استخدمه باعتدال في النص الطويل لتجنب تباعد غير متساوٍ.
❓ الأسئلة الشائعة
Qما الحالات النموذجية لاستخدام sub؟
Aالصيغ الكيميائية (الرقم 2 في H₂O يكتب
<sub>2</sub>) والرموز السفلية للمتغيرات الرياضية وأرقام الحواشي السفلية وغيرها. يعرض النص تحت خط الأساس بخط أصغر، ودلالته «رمز سفلي» لا مجرد إزاحة بصرية.Qما الفرق بين sub و vertical-align في CSS؟
A
<sub> يحمل دلالة «رمز سفلي»، وتنسيقه الافتراضي في المتصفح vertical-align: sub مع تصغير الخط؛ أما CSS فيمكن محاكاة الشكل نفسه بلا دلالة. وعندما يكون المحتوى رمزًا سفليًا فعلًا (صيغ كيميائية ورموز رياضية) استخدم <sub>، وللضبط الطباعي البحت استخدم CSS.Qهل يؤثر sub على ارتفاع السطر؟
Aنعم. هبوط الرمز قد يزيد ارتفاع صندوق السطر فيصبح تباعد الفقرة غير منتظم. الحل ضبط
line-height: 0 على <sub>، أو ضبط إزاحة vertical-align بدقة ليظهر الرمز السفلي دون مدّ ارتفاع السطر.