HTML الوسم <ins>

تعريفه

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

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

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

خصائصه

الخاصية cite

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

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

الخاصية datetime

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

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

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

إستخدامه

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

جرب الكود