نوفيل
الرئيسيةالكورساتالتحديات⚔️ المبارزاتالمقالاتالأدواتتغريداتالمجتمع
دخولابدأ مجاناً
الرئيسيةالكورساتالتحديات⚔️ المبارزاتالمقالاتالأدواتتغريداتالمجتمع
نوفيل

منصة تعليم البرمجة الأولى بالعربي. تعلم من الصفر حتى الاحتراف مع كورسات احترافية وتحديات ذكاء اصطناعي.

المنصة

  • الكورسات
  • التحديات
  • المقالات
  • الأدوات

الحساب

  • إنشاء حساب
  • تسجيل الدخول
  • لوحة التحكم
  • الملف الشخصي

روابط

  • سياسة الخصوصية
  • شروط الاستخدام
  • عن نوفيل
  • تواصل معنا

© 2026 نوفيل. جميع الحقوق محفوظة.

صُنع بـ في مصر

نوفيل
الرئيسيةالكورساتالتحديات⚔️ المبارزاتالمقالاتالأدواتتغريداتالمجتمع
دخولابدأ مجاناً
الرئيسيةالكورساتالتحديات⚔️ المبارزاتالمقالاتالأدواتتغريداتالمجتمع
HTML

منهج HTML

دليل مرجعي شامل

كل اللغات
مدرسة البرمجة/منهج HTML/المرتفعات والمنخفضات (sub, sup)

المرتفعات والمنخفضات (sub, sup)

sub sup htmlsuperscript htmlsubscript htmlمعادلات htmlhtml scientific

جدول مرجعي سريع

1

المرتفعات والمنخفضات (sub, sup) في html

العنصرموقع النص البرمجيالاستخدامات العلمية والرياضية القياسية
supمرتفع فوق السطر الأساسي للخط ويكون بحجم خط أصغريُستخدم لكتابة الأسس والقوى الرياضية وأرقام المراجع والهوامش وعلامات الملكية التجارية
subمنخفض تحت السطر الأساسي للخط ويكون بحجم خط أصغريُستخدم لكتابة الصيغ والمركبات الكيميائية والمتغيرات الفرعية في المعادلات الفيزيائية

الشرح

توفر لغة HTML وسامين تخصصيين للتحكم في موضع النص عمودياً بالنسبة للسطر القياسي المحيط به. يُعتبر هذان العنصران ركيزة أساسية عند صياغة التوثيقات البرمجية، الأبحاث العلمية، المعادلات الرياضية، والمستندات القانونية؛ لما يمنحانه من معايير صياغة منضبطة للرموز بدلاً من كتابتها كنصوص مسطحة عادية.

1. وسم النص المرتفع (sup)

يُمثل هذا الوسم كلمة (Superscript). عند استخدامه، يقوم المتصفح تلقائياً بإزاحة النص المحاط به إلى الأعلى فوق مستوى السطر الأساسي، مع تصغير حجم الخط بنسبة محددة تجعله يبدو كرمز علوي.

الحالات القياسية لاستخدام sup:

  • العمليات الحسابية والأسس: مثل رفع المتغيرات للقوى الرياضية (مثال: س تربيع).
  • الإشارات المرجعية: وضع أرقام الهوامش أو المراجع الأكاديمية أعلى الكلمات (مثال: النص المقتبس[1]).
  • العلامات القانونية والتجارية: إدراج رموز الحماية والملكية الفكرية مثل علامة الاسم التجاري المختار (™) أو العلامة المسجلة (®).
  • وحدات القياس التخصصية: كتابة درجات الحرارة والرموز المرتبطة بها مثل الدرجة المئوية.

2. وسم النص المنخفض (sub)

يُمثل هذا الوسم كلمة (Subscript). عند استخدامه، يقوم المتصفح بإزاحة النص المحاط به إلى الأسفل تحت مستوى السطر الأساسي، مع تصغير حجم الخط بنفس النسبة ليعمل كرمز سفلي.

الحالات القياسية لاستخدام sub:

  • الصيغ والمركبات الكيميائية: الإشارة إلى عدد الذرات المكونة للجزيئات في الكيمياء (مثال: جزيء الماء).
  • الرموز الفيزيائية والرياضية المتسلسلة: تمييز المتغيرات التابعة لنفس المجموعة برقم فرعي سفلي (مثل سرعة الجسم الأولى وسرعته الثانية).

الصياغة (Syntax)

syntax
1<!-- أسس رياضية -->
2<p>مساحة المربع = أ<sup>2</sup></p>
3<p>E = mc<sup>2</sup></p>
4
5<!-- صيغ كيميائية -->
6<p>الماء: H<sub>2</sub>O</p>
7<p>ثاني أكسيد الكربون: CO<sub>2</sub></p>
8
9<!-- هوامش ومراجع -->
10<p>هذه المعلومة موثقة<sup>[1]</sup></p>
11
12<!-- علامات تجارية -->
13<p>iPhone<sup>®</sup> — Apple<sup>™</sup></p>

أمثلة عملية

مثال 1: الأكواد البرمجية والتطبيق العملي

الأكواد البرمجية والتطبيق العملي
1<!-- تطبيق وسم sup في الأسس الحسابية والمراجع والمقاييس -->
2<p>المعادلة الرياضية القياسية للحجم: V = x<sup>3</sup></p>
3<p>أكدت الدراسة الحديثة<sup>1</sup> أن تطوير الويب يزيد الإنتاجية.</p>
4<p>درجة حرارة الغرفة المثالية هي 24<sup>o</sup>C تقريباً.</p>
5<p>منصة نوفيل التعليمية<sup>™</sup> توفر أفضل المناهج التقنية.</p>
6
7<!-- تطبيق وسم sub في الصيغ الكيميائية والمتغيرات -->
8<p>الصيغة الكيميائية لغاز ثنائي أكسيد الكربون هي CO<sub>2</sub> وللماء H<sub>2</sub>O</p>
9<p>قانون حساب التسارع يعتمد على المتغيرات الحركية: a = v<sub>2</sub> - v<sub>1</sub></p>

نصائح احترافية

  • —من الناحية البنائية، فإن المتصفحات تقوم بضبط تباعد الأسطر الافتراضي (line-height) عند ظهور الأوسمة sup أو sub لمنع تداخل الأحرف العليا والسفلى مع الأسطر التي تعلوها أو تليها. يُنصح دائماً بعدم استخدام هذه الأوسمة لأغراض الديكور أو التنسيق الشكلي البحت، بل يجب قصر استخدامها على الحالات الدلالية والعلمية المخصصة لها لضمان توافقية المستند مع معايير الويب العالمية.

الدرس السابق

عناصر النصوص المميزة (small, mark, del, ins)

الدرس التالي

الاقتباسات والمختصرات (q, blockquote, abbr, address)

نوفيل

منصة تعليم البرمجة الأولى بالعربي. تعلم من الصفر حتى الاحتراف مع كورسات احترافية وتحديات ذكاء اصطناعي.

المنصة

  • الكورسات
  • التحديات
  • المقالات
  • الأدوات

الحساب

  • إنشاء حساب
  • تسجيل الدخول
  • لوحة التحكم
  • الملف الشخصي

روابط

  • سياسة الخصوصية
  • شروط الاستخدام
  • عن نوفيل
  • تواصل معنا

© 2026 نوفيل. جميع الحقوق محفوظة.

صُنع بـ في مصر