| العنصر | نوع التنسيق الافتراضي | الوظيفة الدلالية والحالات الاستخدامية |
|---|---|---|
| small | خط صغير الحجم أصغر من النص المحيط به | يمثل دلالياً الملاحظات الجانبية والشروط القانونية وحقوق النشر ذات الأهمية الثانوية |
| mark | تظليل خلفية النص باللون الأصفر افتراضياً | يشير إلى أن النص المحاط به وثيق الصلة ومباشر لاهتمام المستخدم الحالي كإبراز الكلمات في نتائج البحث |
| del | خط أفقي يخترق منتصف النص مشطوب | يعلن أن هذا المحتوى قد تم حذفه أو إلغاؤه تماماً ولم يعد صالحاً ويستخدم بكثرة في مقارنات الأسعار |
| ins | خط مستقيم يقع أسفل النص تحته خط | يعلن أن هذا المحتوى تم إدراجه وإضافته لاحقاً كتعديل على النص الأصلي ويستخدم مقترناً مع وسم الحذف |
توفر لغة HTML مجموعة من الأوسمة المتخصصة لمعالجة النصوص في حالات الاستخدام المتقدمة والمحددة. هذه العناصر لا تغير مظهر النص فحسب، بل تمنح محركات البحث وتقنيات المساعدة (Screen Readers) دلالات هيكلية دقيقة حول حالة النص والتعديلات التي طرأت عليه.
في الإصدارات القديمة من HTML، كان هذا الوسم يُستخدم لتصغير حجم الخط مرئياً فقط. ولكن، بدءاً من المعيار HTML5، اكتسب الوسم بعداً دلالياً هاماً؛ حيث أصبح يُشير تقنياً إلى "الملاحظات الجانبية والبيانات ذات الأهمية الثانوية".
يقوم هذا الوسم بتظليل النص بصرياً (Highlight) عبر تلوين خلفيته باللون الأصفر بشكل افتراضي. دلالياً، يُخبر المتصفح أن هذا الجزء من النص يحمل أهمية قصوى في السياق الحالي للمستخدم.
يُشكل هذا الثنائي الأداة القياسية لإظهار التغييرات، والتنقيحات، وتتبع النسخ (Version Control) داخل المستندات والمتاجر الإلكترونية:
| 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:
| 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> |