وسما المحذوف والمضاف <del> / <ins>

del يشطب نصًّا حُذف من المستند وins يسطّر نصًّا أُضيف — لتوثيق التعديلات وعروض الأسعار.

ثنائي تتبع التغييرات في HTML: del يظهر مشطوبًا ويعني «كان هنا وأُزيل»، وins يظهر مسطَّرًا ويعني «أُضيف لاحقًا». استخدامهما التجاري الأشهر: السعر القديم مشطوبًا بجانب الجديد — بدلالة صحيحة تفهمها محركات البحث لا مجرد شطب بصري.

كلاهما يقبل cite لرابط يشرح سبب التغيير وdatetime لتوقيته. وللشطب الذي لا يمثل «حذفًا من المستند» (مهمة منجزة مثلًا) الأصح دلاليًّا وسم s.

الصياغة

<p>السعر: <del>10 دنانير</del> <ins>7 دنانير</ins></p>

⚡ جرّب بنفسك

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

🎨 محرّر HTML/CSS

<p style="font-size:20px">
  عرض الإطلاق:
  <del style="color:#999">15 دينارًا</del>
  <ins style="color:#178A5E; text-decoration:none; font-weight:bold">مجانًا!</ins>
</p>

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

أهم الخصائص

الخاصية	الوظيفة
datetime	توقيت التعديل بصيغة معيارية
cite	رابط يوثق سبب التغيير

💡 نصائح عملية

نمط الأسعار: del للقديم + ins للجديد = دلالة كاملة للآلات
شطب بلا معنى «تعديل مستند» (قوائم المهام)؟ وسم s أو CSS

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

استخدام CSS text-decoration وحده لسعر قديم — تضيع دلالة التخفيض
الخلط بين del (حذف تحريري) وs (لم يعد دقيقًا)

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

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