تگ del در HTML
به نام خداوند علم و دانش. سلام به دوستان گرامی و مخاطبین وب سایت آموزشی کدیونی، وقت همگی بخیر، در این صفحه با مطلب تگ del در HTML از سری آموزش های HTML در خدمت شما عزیزان هستیم.
فهرست مطالب
اگر اهل خرید اینترنتی از فروشگاه های متعدد فضای مجازی باشید گاهی اوقات محصولی تخفیف ویژه ای می خورد و خطی بر روی قیمت قبلی محصول کشیده می شود تا قیمت قبلی حذف شود و فرق قیمت قبل تخفیف و قیمت بعد تخفیف مشخص شود. برای این کار از تگی به نام del در HTML استفاده می کنیم.
تگ del چیست؟
تگ del که اشاره به کلمه delete دارد برای نمایش محتوای حذف شده به کار می رود. این تگ خطی بر روی محتوای مشخص شده می کشد.
این تگ با <del> شروع و با </del> پایان می یابد.
<del>Text</del>صفات تگ del
در این بخش با صفات تگ del آشنا خواهید شد.
صفت cite
این صفت لینکی را به عنوان علت حذف محتوا معرفی می کند.
<del cite="URL">Text</del>صفت datetime
تاریخ حذف محتوا را مشخص می کند.
<del datetime="YYYY-MM-DDThh:mm:ssTZD">Text</del>YYYY: سال را مشخص می کند.
MM: ماه را مشخص می کند.
DD: روز را مشخص می کند.
T: جداکننده است.
hh: ساعت را مشخص می کند.
mm: دقیقه را مشخص می کند.
ss: ثانیه را مشخص می کند.
TZD: تعیین کننده منطقه زمانی است.
مثال:
<del datetime="2022-01-01T10:05:30Z">Text</del>مثال تگ del
در مثال زیر بر روی 15,000 خط کشیده می شود.
کد:
<p>قیمت محصول <del>15,000</del> 10,000</p>تنظیمات پیش فرض CSS
تنظیمات پیش فرض CSS تگ del در اکثر مرورگرها به صورت زیر است:
del {
line-decoration: line-through;
}سازگاری با مرورگرها
تگ del با مرورگرهای زیر سازگار است:
- گوگل کروم
- فایرفاکس
- اج
- اپرا
- سافاری
- گوگل کروم اندروید
- فایرفاکس اندروید
- اپرا اندروید
- سافاری iOS