Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

ล้อมข้อความให้กระพริบ (Blink) ด้วย HTML

ใช้แท็ก <blink> เพื่อทำให้ข้อความกระพริบ แท็ก HTML <blink> ใช้ล้อมข้อความเพื่อให้มันกระพริบ

หมายเหตุสำคัญ: อย่าใช้แอตทริบิวต์นี้ เพราะมันล้าสมัย (obsolete) แล้ว

ตัวอย่าง (สำหรับการอ้างอิงเท่านั้น)

<!DOCTYPE html> 
<html> 
  <head> 
    <title>HTML blink Tag</title> 
  </head> 
  <body> 
    <blink>ข้อความนี้จะกระพริบใน Netscape Version 5.0</blink> 
  </body> 
</html>

เหตุผลที่ไม่ควรใช้:

  • ไม่เป็นมาตรฐาน (Non-standard) - เฉพาะ Netscape เดิม
  • ปัญหา Accessibility - ก่อให้เกิดอาการชัก (seizures) ผู้ป่วยถ่ายภาพได้
  • ประสบการณ์ผู้ใช้แย่ - รบกวน การอ่าน
  • ถูกลบออกจากมาตรฐาน HTML

ตัวเลือกแทนที่: ใช้ CSS Animation หากจำเป็นต้องมีการเคลื่อนไหว

<style>
  @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
  .blink { animation: blink 1s infinite; }
</style>
<span class="blink">ข้อความกระพริบ (ถ้าจำเป็นจริงๆ)</span>