HTML <blink>用法及代碼示例

HTML <blink>標記用於創建緩慢閃爍的閃爍文本。所有流行的瀏覽器都已經過時了，而某些瀏覽器從不支持它。該標簽也從未被超文本mark-up語言標準化。

您可以使用CSS和JavaScript重新創建相同的視覺效果。 Internet使用指南強烈建議不要使用閃爍的文本，因為這可能會導致殘疾用戶出現問題。很少使用閃爍效果，因為用戶觀看永久閃爍的文本很煩人。

範例1：由於不推薦使用眨眼組件，因此該示例無法正常工作。為了引起眨眼的影響，請使用JavaScript強製執行的示例2。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        Blinking text using HTML 
    </title> 
</head> 
  
<body> 
    <h1>GeeksforGeeks</h1> 
  
    <blink> 
        Blink tag not working 
        in HTML 
    </blink> 
</body> 
  
</html>

輸出：

Exampleb 2：本示例使用JavaScript創建閃爍效果。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        Blinking with JavaScript 
    </title> 
  
    <style> 
        #blink { 
            font-size:20px; 
            font-weight:bold; 
            font-family:sans-serif; 
        } 
    </style> 
</head> 
  
<body> 
    <p id="blink"> 
        Hello Geeks let's Blink 
    </p> 
      
    <script type="text/javascript"> 
        var blink =  
            document.getElementById('blink'); 
  
        setInterval(function () { 
            blink.style.opacity =  
            (blink.style.opacity == 0 ? 1:0); 
        }, 1000);  
    </script> 
</body> 
  
</html>

輸出：

相關用法

注：本文由純淨天空篩選整理自yash41997大神的英文原創作品 HTML | <blink> Tag。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。