آموزش و يادگيري تگ del در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <del> آشنا مي‌شويم. اين تگ براي نمايش متن حذف شده يا اصلاح‌شده استفاده مي‌شود و مرورگر معمولاً آن را با خطي از وسط نمايش مي‌دهد.

تگ del در HTML چيست؟

تگ <del> به معناي Deleted است و براي مشخص کردن متني که ديگر معتبر نيست يا حذف شده، به کار مي‌رود. اين تگ مي‌تواند همراه با ويژگي cite و datetime براي ارجاع به منبع يا تاريخ حذف استفاده شود.

مثال ساده از تگ del

<p>قيمت قديمي محصول: <del>200,000 تومان</del>  <ins>150,000 تومان</ins></p>

در اين مثال، قيمت قديمي محصول با del نمايش داده شده و قيمت جديد با ins مشخص شده است.

ويژگي‌هاي مهم تگ del

ويژگي	توضيح
cite	آدرس منبع يا دليل حذف متن
datetime	تاريخ حذف يا اصلاح متن
class	اعمال استايل CSS به متن حذف شده

مثال با استايل CSS

<style>
  del {
    color: #e53935;
    text-decoration: line-through;
    font-style: normal;
  }
  ins {
    color: #43a047;
    text-decoration: none;
    font-weight: bold;
  }
</style>

<p>قيمت قديمي محصول: <del>200,000 تومان</del>  
  <ins>150,000 تومان</ins>
</p>