<ins>

وسم النص المُضاف <ins>

وسم ins يعلّم نصًّا بأنه أُضيف لاحقًا إلى المستند — الشقيق الإيجابي لـ del، ومعًا يوثقان تاريخ التعديل.

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

مثل del تمامًا، يقبل cite (رابط يشرح سبب الإضافة) وdatetime (تاريخ الإضافة بصيغة قياسية) — توثيق آلي يفهمه المتصفح والأدوات، لا مجرد تنسيق بصري.

الصياغة

<p>السعر <del>15 دينار</del> <ins datetime="2026-07-21">12 دينارًا بعد التخفيض</ins></p>

⚡ جرّب بنفسك

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

🎨 محرّر HTML/CSS

<p>
  آخر تحديث للدرس:
  <del style="color:#999">يدعم المتصفح X فقط</del>
  <ins style="color:#16a34a; text-decoration:underline" datetime="2026-07-21">يدعم كل المتصفحات الحديثة الآن</ins>
</p>

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

أهم الخصائص

الخاصية	الوظيفة
cite	رابط لمصدر يشرح سبب الإضافة — لا يظهر للزائر مباشرة
datetime	تاريخ الإضافة بصيغة قياسية مثل 2026-07-21

💡 نصائح عملية

زاوجه بـ del لعرض «قبل/بعد» واضح في سجلات التغيير وصفحات What's New
قارئات الشاشة لا تنطقه تلقائيًّا تمييزًا عن النص العادي — لتنبيه صوتي أضِف نصًّا صريحًا مثل «جديد:»

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

استخدامه لمجرد تسطير نص تنسيقيًّا بلا معنى «إضافة فعلية» — u أو CSS أنسب لذلك
نسيان أنه لا يحذف del المقابل — الاثنان يظهران معًا عمدًا لإظهار الفرق

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

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