شرح العنصر <del> في HTML
تمثيل المحتوى المحذوف في المستندات
مقدمة
يمثل عنصر HTML <del> المحتوى المحذوف أو المزال داخل المستند، ويُستخدم عادةً مع <ins> العنصر لإظهار التعديلات أو التغييرات التي تم إجراؤها.
حالات الاستخدام
تتبع التعديلات والمراجعات
عند التعاون على مستند أو تطبيق نظام للتحكم في الإصدارات، يمكن استخدام هذا العنصر لتحديد المحتوى المحذوف أو المُزال من إصدار سابق. يساعد هذا المستخدمين على فهم تطور المستند وإبراز التغييرات المُحددة.
سجل تغييرات المستندات
في الوثائق أو السجلات التاريخية، يمكنك استخدام هذا العنصر لعرض المعلومات القديمة أو المهملة. يتيح هذا للقراء الاطلاع على المحتوى الأصلي مع التأكيد على أنه قد تم حذفه أو استبداله.
تسليط الضوء على التصحيحات
عند تصحيح الأخطاء أو تقديم معلومات محدثة، يمكنك استخدام العنصر لشطب المحتوى غير الصحيح أو القديم أثناء تقديم المحتوى المصحح باستخدام عناصر أخرى مثل <ins> أو النص العادي.
أغراض التصميم
يمكن استخدام العنصر أيضًا لأغراض أسلوبية، مثل شطب محتوى معين، حتى لو لم يكن يُمثل حذفًا أو إزالة فعلية. يُفيد هذا في التصميم الزخرفي أو البصري.
بناء الجملة
<del> المحتوى المحذوف يظهر هنا </del>مثال تطبيقي
<p>
<del>الإصدار القديم</del>
<ins>الإصدار الجديد</ins>
</p>
الإصدار القديم
الإصدار الجديد
يوضح هذا المثال استخدام العنصر><del> لشطب النص والإشارة إلى حذف "الإصدار القديم" من المستند. في المقابل، <ins> يُبرز عنصر HTML (المُدرج) إدراج "الإصدار الجديد".
السمات
لا يمتلك العنصر <del> سمات محددة. يرث سمات عالمية شائعة تنطبق على معظم عناصر HTML، مثل class, id, style, و title. توفر السمات العالمية معلومات إضافية حول التصميم والتعريف والتلميحات للعنصر <del>.
المحتوى
يمكن للعنصر <del> قبول أنواع مختلفة من المحتوى، بما في ذلك النصوص والعناصر المضمنة وعناصر HTML الأخرى. ويُستخدم لإحاطة أي محتوى حُذف أو أُزيل من المستند.
هل تعلم؟
غالبًا ما يتم تصميم العنصر <del> باستخدام تأثير الشطب افتراضيًا، على الرغم من أنه يمكن تخصيص المظهر باستخدام CSS لتناسب متطلبات تصميم صفحة الويب.
يتم استخدام العنصر <del>; عادةً بالاشتراك مع <ins> العنصر لتمثيل التغييرات التي تم إجراؤها على مستند، مثل تتبع التحرير أو المراجعات.
عند استخدام <del> العنصر، يُنصح بتوفير سياق أو شرح إضافي لتوضيح سبب حذف المحتوى. يمكن القيام بذلك من خلال النص المحيط أو عناصر أخرى لمزيد من التفاصيل.
