Programming Basics SQL HTML CSS JavaScript React Python C++ Java JavaFX Swing Problem Solving English English Conversations Computer Fundamentals Linux Learn Typing

HTMLالوسم <del>

  • تعريفه
  • دعم المتصفحات
  • خصائصه
  • إستخدامه
  • تصميمه الإفتراضي
  • نصائح و ملاحظات

تعريفه

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

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

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

Chrome Edge Firefox Opera Safari Android
Webview
Chrome
for Android
Firefox
for Android
Opera
for Android
Safari
for IOS
Samsung
Internet
مدعوم 12 1 مدعوم مدعوم مدعوم مدعوم 4 مدعوم مدعوم مدعوم

خصائصه


الخاصية cite

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

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

Chrome Edge Firefox Opera Safari Android
Webview
Chrome
for Android
Firefox
for Android
Opera
for Android
Safari
for IOS
Samsung
Internet
مدعوم 12 1 مدعوم مدعوم مدعوم مدعوم 4 مدعوم مدعوم مدعوم

الخاصية datetime

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

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

Chrome Edge Firefox Opera Safari Android
Webview
Chrome
for Android
Firefox
for Android
Opera
for Android
Safari
for IOS
Samsung
Internet
مدعوم 12 1 مدعوم مدعوم مدعوم مدعوم 4 مدعوم مدعوم مدعوم

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

الأحرف ما يجب وضعه مكانها مثال
YYYY مكانها نمرر رقم السنة. 1998
MM مكانها نمرر رقم الشهر في السنة. 05
DD مكانها نمرر رقم اليوم في الشهر. 23
T نضع هذا الحرف أو نضع مسافة فارغة ( Space ) في حال أردنا ذكر الوقت أيضاً.
hh مكانها نمرر رقم الساعة بالنسبة لليوم. 14
mm مكانها نمرر رقم الدقيقة. 30
ss مكانها نمرر رقم الثانية. 34

إستخدامه

في المثال التالي قمنا بعرض كلام مشطوب في الفقرة باستخدام <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>
جرب الكود