حذف (del)
تگ «حذف (del)» در HTML برای نشان دادن متن حذف شده است. مرورگرها معمولاً روی متن حذف شده خط می کشند. این یعنی «این قسمت قبلاً بود، حالا نیست»؛ مثل وقتی در انشا کلمه ای را خط می زنی.
تگ del چیست؟
تگ del متن حذف شده را مشخص می کند. «متن حذف شده» یعنی بخشی که از سند کنار گذاشته شده است. برای نشان دادن متن جدید، معمولاً از تگ ins کنار del استفاده می شود.
نکته: برای متنِ تازه اضافه شده از تگ ins کمک بگیر.
نمونه کد سریع تگ del + ins
<p>
My favorite color is <del>blue</del> <ins>red</ins>!
</p>
استایل دهی del و ins با CSS
می توانی رنگ پس زمینه del و ins را تغییر بدهی. این کار تفاوت قدیم و جدید را واضح تر می کند.
<html>
<head>
<style>
del {background-color: tomato;}
ins {background-color: yellow;}
</style>
</head>
<body>
<p>
My favorite color is <del>blue</del> <ins>red</ins>!
</p>
</body>
</html>
ویژگی ها (Attributes) تگ del
cite و datetime
cite: آدرس صفحه توضیحات تغییر است. یعنی چرا حذف شد. datetime: تاریخ و زمان حذف است. قالب آن مثل YYYY-MM-DDThh:mm:ssTZD است.
پشتیبانی مرورگرها
تگ del در تمام مرورگرهای رایج پشتیبانی می شود. بنابراین با خیال راحت استفاده کن.
استایل پیش فرض مرورگر
معمولاً del با خط خوردگی نمایش داده می شود. این رفتار با خاصیت CSS زیر است.
del {
text-decoration: line-through;
}
مراحل کاربردی سریع
- بخشی که حذف شده را با <del> مشخص کن.
- اگر جایگزین داری، کنار آن از <ins> استفاده کن.
- در پروژه تیمی، از cite و datetime برای شفافیت کمک بگیر.
جمع بندی سریع
- تگ del متن حذف شده را نشان می دهد.
- برای متن جدید از ins کمک بگیر.
- cite دلیل تغییر را لینک می کند.
- datetime زمان حذف را ثبت می کند.
- همه مرورگرها del را پشتیبانی می کنند.