files/zh-tw/web/html/element/blink/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75

---
title: <blink>：文字閃爍元素（已過時）
slug: Web/HTML/Element/blink
translation_of: Web/HTML/Element/blink
---
<div>{{Deprecated_header}} {{obsolete_header}}</div>

<p><span class="seoSummary">非標準元素 <strong>HTML Blink</strong>（<code>&lt;blink&gt;</code>）可以讓該元素裡面的文字緩慢閃爍。</span></p>

<div class="warning">不要使用這個元素，因為它已經<strong>被棄用</strong>，而且是糟糕的設計。無障礙標準不會接受閃爍文字、而 CSS 規範上允許瀏覽器忽略閃爍效果。</div>

<h2 id="DOM_介面">DOM 介面</h2>

<p>此元素並未被支援，因此是透過 {{domxref("HTMLUnknownElement")}} 介面實做。</p>

<h2 id="示例">示例</h2>

<pre class="brush:html">&lt;blink&gt;Why would somebody use this?&lt;/blink&gt;
</pre>

<h3 id="結果（已經過淡化！）">結果（已經過淡化！）</h3>

<p><img alt="Image:HTMLBlinkElement.gif" src="/@api/deki/files/247/=HTMLBlinkElement.gif"></p>

<h2 id="規範">規範</h2>

<p>此元素並非標準元素，也不屬於任何規範。不信的話，<a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#non-conforming-features">你自己來看 HTML 規範</a>。</p>

<h2 id="CSS_Polyfill">CSS Polyfill</h2>

<p>如果真的需要 polyfill，請使用以下的 CSS。它支援 IE10 以上。</p>

<pre class="brush:html">blink {
    -webkit-animation: 2s linear infinite condemned_blink_effect; // for android
    animation: 2s linear infinite condemned_blink_effect;
}
@-webkit-keyframes condemned_blink_effect { // for android
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
@keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}</pre>

<h2 id="瀏覽器相容性">瀏覽器相容性</h2>


<p>{{Compat("html.elements.blink")}}</p>

<h2 id="參見">參見</h2>

<ul>
 <li><a href="http://www.montulli.org/theoriginofthe%3Cblink%3Etag">HTML <code>&lt;blink&gt;</code> 元素的創建史</a>。</li>
 <li>{{cssxref("text-decoration")}}，儘管有 blink 值，多數瀏覽器並不需要實做閃爍效果。</li>
 <li>{{htmlelement("marquee")}}，類似的非標準元素。</li>
 <li><a href="/en-US/docs/Web/Guide/CSS/Using_CSS_animations" title="/en-US/docs/Web/Guide/CSS/Using_CSS_animations">CSS 動畫</a>能得出與此元素相同的效果。</li>
</ul>

<p>{{HTMLRef}}</p>