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

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

المنصة

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

الحساب

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

روابط

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

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

صُنع بـ في مصر

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

منهج HTML

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

كل اللغات
مدرسة البرمجة/منهج HTML/عناصر النصوص المميزة (small, mark, del, ins)

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

mark htmldel ins htmlsmall htmlتظليل نص htmlhtml text elements

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

1
العنصرنوع التنسيق الافتراضيالوظيفة الدلالية والحالات الاستخدامية
smallخط صغير الحجم أصغر من النص المحيط بهيمثل دلالياً الملاحظات الجانبية والشروط القانونية وحقوق النشر ذات الأهمية الثانوية
markتظليل خلفية النص باللون الأصفر افتراضياًيشير إلى أن النص المحاط به وثيق الصلة ومباشر لاهتمام المستخدم الحالي كإبراز الكلمات في نتائج البحث
delخط أفقي يخترق منتصف النص مشطوبيعلن أن هذا المحتوى قد تم حذفه أو إلغاؤه تماماً ولم يعد صالحاً ويستخدم بكثرة في مقارنات الأسعار
insخط مستقيم يقع أسفل النص تحته خطيعلن أن هذا المحتوى تم إدراجه وإضافته لاحقاً كتعديل على النص الأصلي ويستخدم مقترناً مع وسم الحذف

الشرح

توفر لغة HTML مجموعة من الأوسمة المتخصصة لمعالجة النصوص في حالات الاستخدام المتقدمة والمحددة. هذه العناصر لا تغير مظهر النص فحسب، بل تمنح محركات البحث وتقنيات المساعدة (Screen Readers) دلالات هيكلية دقيقة حول حالة النص والتعديلات التي طرأت عليه.

1. وسم النص الثانوي (small)

في الإصدارات القديمة من HTML، كان هذا الوسم يُستخدم لتصغير حجم الخط مرئياً فقط. ولكن، بدءاً من المعيار HTML5، اكتسب الوسم بعداً دلالياً هاماً؛ حيث أصبح يُشير تقنياً إلى "الملاحظات الجانبية والبيانات ذات الأهمية الثانوية".

  • أبرز استخداماته: نصوص حقوق النشر والتأليف في تذييل المواقع (Footer)، التنبيهات القانونية والشروط والأحكام المصاحبة للمنتجات، وإخلاء المسؤولية.

2. وسم التظليل النصي (mark)

يقوم هذا الوسم بتظليل النص بصرياً (Highlight) عبر تلوين خلفيته باللون الأصفر بشكل افتراضي. دلالياً، يُخبر المتصفح أن هذا الجزء من النص يحمل أهمية قصوى في السياق الحالي للمستخدم.

  • أبرز استخداماته: تمييز وإبراز الكلمات المفتاحية التي يبحث عنها المستخدم داخل صفحة نتائج البحث، أو تسليط الضوء على اقتباس معين داخل مقال طويل بناءً على اهتمام القارئ.

3. وسما التعديل والتنقيح (del & ins)

يُشكل هذا الثنائي الأداة القياسية لإظهار التغييرات، والتنقيحات، وتتبع النسخ (Version Control) داخل المستندات والمتاجر الإلكترونية:

  • وسم del (مختصر Deleted): يمثل النص الذي تم حذفه أو إلغاؤه من المستند، ويقوم المتصفح برسم خط شطب في منتصف النص بشكل افتراضي. يُستخدم على نطاق واسع في المتاجر لإظهار السعر القديم قبل الخصم.
  • وسم ins (مختصر Inserted): يمثل المحتوى الجديد الذي تم إدراجه أو إضافته إلى المستند لاحقاً كبديل أو تعديل للنص المحذوف، ويضع المتصفح تحته خطاً بشكل افتراضي كعلامة على الإضافة.

الصياغة (Syntax)

syntax
1<!-- small: ملاحظة جانبية -->
2<p>السعر 99 جنيه <small>(شامل الضريبة)</small></p>
3
4<!-- mark: تظليل وإبراز -->
5<p>ابحث عن <mark>JavaScript</mark> في هذا الدليل.</p>
6
7<!-- del: سعر قديم مشطوب -->
8<p>السعر: <del>500 جنيه</del> <ins>350 جنيه</ins></p>
9
10<!-- del و ins لتتبع التعديلات -->
11<p>
12 عدد المنتجات: <del datetime="2024-01-01">50</del>
13 <ins datetime="2024-06-01">120</ins>
14</p>

أمثلة عملية

مثال 1: إليك كيفية كتابة وتطبيق هذه الأوسمة داخل كود الـ HTML:

إليك كيفية كتابة وتطبيق هذه الأوسمة داخل كود الـ HTML:
1<!-- تطبيق وسم النص الثانوي للشروط وحقوق النشر -->
2<footer>
3 <p><small>جميع الحقوق محفوظة © 2026 لمنصة نوفيل التعليمية.</small></p>
4 <p><small>تطبق الشروط والأحكام القانونية المذكورة في وثيقة الاستخدام.</small></p>
5</footer>
6
7<!-- تطبيق وسم التظليل لإبراز نتائج البحث -->
8<p>نتائج البحث عن كلمة برمجة: منصة نوفيل تقدم دروساً في <mark>برمجة</mark> المواقع وتطبيقات الويب.</p>
9
10<!-- تطبيق وسمي الحذف والإضافة في التعديل والأسعار -->
11<p>سعر الاشتراك في الدورة هو <del>100 دولار</del> <ins>49 دولاراً فقط</ins> لفترة محدودة.</p>
12<p>تم تحديث المقال: الاجتماع القادم سيكون يوم <del>الإثنين</del> <ins>الأربعاء</ins> القادم.</p>

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

  • —من الناحية الاحترافية لتطوير الويب، يُنصح دائماً باستخدام هذه الأوسمة بناءً على قيمتها ودلالتها المعنوية في المستند، وليس بناءً على مظهرها الافتراضي (كالخط الأصفر أو خط الشطب)؛ لأنك تستطيع لاحقاً عبر لغة CSS تغيير مظهر هذه الأوسمة بالكامل (على سبيل المثال: تغيير لون خلفية mark من الأصفر إلى الأزرق، أو إزالة الخط السفلي من ins) مع الاحتفاظ بقيمتها الدلالية كاملة لمحركات البحث.

الدرس السابق

عناصر إبراز النصوص (b, strong, i, em)

الدرس التالي

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

نوفيل

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

المنصة

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

الحساب

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

روابط

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

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

صُنع بـ في مصر