HTMLالوسم <del>

تعريفه

نستخدم الوسم <del> على هذا النحو <del> </del> لعرض خط فوق النص الذي نضعه بداخله ليظهر و كأنه نص محذوف.

دعم المتصفحات

الجدول التالي يظهر المتصفحات التي تدعم الوسم <del>.

خصائصه

الخاصية cite

يمكن إضافتها له في حال كان هناك رابط يذكر لما تم تعديل أو إلغاء النص و بالتالي يجب تمرير الرابط لها كقيمة.
الرابط الذي نضعه في هذه الخاصية لا يظهر في الصفحة بشكل مباشر و لكنه مفيد في حال كان المستخدم يعتمد على قارئ الشاشة ( Screen Reader ) لكي يقرأ له محتوى الصفحة و عندها يخبره بالرابط الذي يذكر لما تم حذف المحتوى.

الجدول التالي يظهر المتصفحات التي تدعم هذه الخاصية.

الخاصية datetime

يمكن إضافتها له في حال أردت تحديد التاريخ و الوقت الذي تم فيه تعديل أو إلغاء النص, و بالتالي يجب تمرير التاريخ و الوقت لها كقيمة.
التاريخ الذي نضعه في هذه الخاصية لا يظهر في الصفحة بشكل مباشر و لكنه مفيد في حال كان المستخدم يعتمد على قارئ الشاشة ( Screen Reader ) لكي يقرأ له محتوى الصفحة و عندها يخبره بالتاريخ الذي تم فيه حذف المحتوى.

الجدول التالي يظهر المتصفحات التي تدعم هذه الخاصية.

التاريخ و الوقت الذي تضعه للخاصية datetime يجب أن يوضع على هذا الشكل <del datetime="YYYY-MM-DDThh:mm:ss"> و فيما يلي ما يجب تبديل الأحرف الموضوعة فيه.

إستخدامه

في المثال التالي قمنا بعرض كلام مشطوب في الفقرة باستخدام <del>.

<p>HTML is so <del>hard</del> easy to learn.</p>

تصميمه الإفتراضي

بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.

del {
    text-decoration: line-through;
}

نصائح و ملاحظات

في حال أردت عرض النص المحذوف و بنفس الوقت إبراز الكلام الذي تم إضافته بدلاً منه يمكنك إستخدام الوسم <ins> و الذي يظهر بشكل إفتراضي خط تحت الكلام و بالطبع يمكنك تغيير طريقة ظهوره بواسطة كود CSS.

في المثال التالي قمنا بعرض كلام محذوف باستخدام <del> يليه كلام تحته خط باستخدام <ins> للإشارة إلى أنه تم تبديل الكلام المحذوف بالكلام الذي تحته خط.

<p>HTML is <del>not important</del> <ins>essential</ins> in web design.</p>