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

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

تگ strike در HTML چيست؟

تگ <strike> متني را که در گذشته معتبر بوده يا ديگر کاربرد ندارد با يک خط روي آن نمايش مي‌دهد. توجه داشته باشيد که اين تگ در HTML5 منسوخ شده و استفاده از <del> يا CSS (text-decoration: line-through;) توصيه مي‌شود.

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

<p>قيمت قديمي: <strike>50000 تومان</strike></p>

در اين مثال، قيمت ????? تومان با خط زده شده و نشان داده مي‌شود که ديگر معتبر نيست.

جايگزين مدرن با del

<p>قيمت قديمي: <del>50000 تومان</del></p>

استفاده از <del> به جاي <strike> استانداردتر است و از نظر معنايي صحيح‌تر است.

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

مثال با CSS جايگزين

<style>
.old-price {
  text-decoration: line-through;
  color: gray;
}
</style>

<p>قيمت قديمي: <span class="old-price">50000 تومان</span></p>

با CSS مي‌توان به جاي <strike> متن را با خط روي آن و رنگ دلخواه نمايش داد.

نکات مهم درباره strike

• تگ <strike> در HTML5 منسوخ شده است.
• براي نمايش متن حذف شده يا منسوخ، استفاده از <del> توصيه مي‌شود.
• با CSS مي‌توان ظاهر خط‌خورده را به دلخواه تغيير داد.

براي يادگيري کامل نمايش تغييرات و اصلاحات متن در صفحات وب، پيشنهاد مي‌کنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.