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>
.
تصميمه الإفتراضي
بشكل عام جميع المتصفحات تعرضه بالتنسيق التالي.
ins { text-decoration: underline; }
نصائح و ملاحظات
في حال أردت عرض النص الذي تم حذفه و الكلام الجديد الذي تم إضافته بنفس الوقت بدلاً منه يمكنك إستخدام الوسم <del>
لإظهار الكلام المحذوف حيث يقوم بإظهار خط فوق الكلام و كأنه مشطوب و بالطبع يمكنك تغيير طريقة ظهوره بواسطة كود CSS.
في المثال التالي قمنا بعرض كلام محذوف باستخدام <del>
يليه كلام تحته خط باستخدام <ins>
للإشارة إلى أنه تم تبديل الكلام المحذوف بالكلام الذي تحته خط.