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

HTMLالوسم <ins>

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

تعريفه

نستخدم الوسم <ins> على هذا النحو <ins> </ins> لعرض خط تحت النص الجديد الذي تم إضافته على الصفحة بهدف لفت نظر المستخدم لما تم إضافته.

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

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

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

إستخدامه

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

مثال

<p>HTML is so <ins>easy</ins> to learn.</p>
جرب الكود

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

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

ins {
    text-decoration: underline;
}

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

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

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

مثال

<p>HTML is <del>not important</del> <ins>essential</ins> in web design.</p>
جرب الكود