آموزش و یادگیری تگ blink در HTML

در اين بخش از دوره آموزش HTML در آموزش دون، با تگ <blink> آشنا مي‌شويم. اين تگ در نسخه‌هاي قديمي HTML براي ايجاد متن چشمک‌زن يا متحرک استفاده مي‌شد، اما امروزه منسوخ شده و استفاده از آن توصيه نمي‌شود.

تگ blink در HTML چيست؟

تگ <blink>

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

<p>
  اين يک متن معمولي است و <blink>اين متن چشمک‌زن است</blink>.
</p>

در مرورگرهاي قديمي، متن داخل تگ <blink> به صورت متناوب ظاهر و ناپديد مي‌شد.

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

براي ايجاد افکت چشمک‌زن در مرورگرهاي مدرن، بهتر است از CSS استفاده کنيد:

<style>
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
</style>

<p>اين يک متن معمولي است و <span class="blink">اين متن چشمک‌زن است</span>.</p>

اين روش کاملاً استاندارد است و در همه مرورگرهاي مدرن قابل استفاده مي‌باشد.

نکات حرفه‌اي

• تگ <blink>
• استفاده از CSS براي افکت‌هاي متحرک و چشمک‌زن امن‌تر و قابل کنترل‌تر است.
• براي افکت‌هاي تعاملي پيچيده‌تر مي‌توان از JavaScript يا کتابخانه‌هاي انيميشن استفاده کرد.

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

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