وسما النص المنخفض والمرتفع <sub> / <sup>

sub ينزل النص تحت السطر (H₂O) وsup يرفعه فوقه (x²) — للصيغ العلمية والرياضية والحواشي.

ثنائي الكتابة العلمية: sub (subscript) للمنخفض كرموز الصيغ الكيميائية، وsup (superscript) للمرتفع كالأسس الرياضية وأرقام الحواشي المرجعية. المتصفح يصغر الخط ويزيحه رأسيًّا تلقائيًّا.

استخدمهما حيث الانخفاض/الارتفاع جزء من المعنى — وليس كأداة إزاحة بصرية عامة (تلك وظيفة vertical-align في CSS).

الصياغة

<p>الماء: H<sub>2</sub>O</p>
<p>المساحة: 25م<sup>2</sup></p>

⚡ جرّب بنفسك

عدّل الكود واضغط «تحديث» لترى النتيجة فورًا — التجربة أفضل معلّم.

🎨 محرّر HTML/CSS

<p>الصيغة الكيميائية: H<sub>2</sub>SO<sub>4</sub></p>
<p>معادلة رياضية: س<sup>2</sup> + ص<sup>2</sup> = 25</p>
<p>نص فيه حاشية مرجعية<sup><a href="#">[1]</a></sup></p>

النتيجة المباشرة:

أهم الخصائص

الخاصية	الوظيفة
—	لا خصائص مميزة

💡 نصائح عملية

أرقام الحواشي: sup يلف رابطًا إلى الهامش — النمط الأكاديمي القياسي
المعادلات المعقدة الكثيفة؟ فكر بـ MathML أو مكتبة KaTeX

⚠️ أخطاء شائعة

استخدامهما للإزاحة الزخرفية — وظيفة vertical-align
نسيانهما فتُكتب H2O وx2 بلا معنى علمي سليم

🎓 تريد فهم الصورة الكاملة خطوة بخطوة؟ ابدأ من مسار HTML الكامل بالعربي.

📚 للتعمق التقني الكامل بالإنجليزية: MDN Web Docs