files/ja/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
76
77
78
79
80
81

---
title: '<blink>: 点滅文字列要素 (廃止)'
slug: Web/HTML/Element/blink
tags:
  - Blink
  - Element
  - HTML
  - Obsolete
  - Reference
  - Web
translation_of: Web/HTML/Element/blink
---
<div>{{HTMLRef}}{{Deprecated_header}} {{obsolete_header}}</div>

<p><span class="seoSummary"><strong>HTML の点滅要素</strong> (<code>&lt;blink&gt;</code>) は包含するテキストをゆっくり点滅させるための、標準外の要素です。</span></p>

<div class="warning">この要素は<strong>廃止されており</strong>、また悪いデザインの実例ですので使用しないでください。文字の点滅は複数のアクセシビリティ標準において難色が示されており、 CSS 仕様書ではブラウザーが <code>&lt;blink&gt;</code> 要素を無視することを許可しています。</div>

<h2 id="DOM_interface" name="DOM_interface">DOM インターフェイス</h2>

<p>この要素はすでに廃止されています。このように存在しない要素に対しては {{domxref("HTMLUnknownElement")}} インターフェイスが提供されます。</p>

<h2 id="Example" name="Example">例</h2>

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

<h3 id="Result_toned_down!" name="Result_toned_down!">結果 (toned down!)</h3>

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

<h2 id="Specification" name="Specification">仕様書</h2>

<p>この要素は標準外であり、どの仕様にも含まれていません。信じられないのでしたら、<a href="https://html.spec.whatwg.org/multipage/obsolete.html#non-conforming-features">自身で HTML 仕様を確認してください</a>。</p>

<h2 id="CSS_polyfill" name="CSS_polyfill">CSS による代替手段</h2>

<p>本当に代替手段が必要でしたら、以下の CSS を使用できます。 IE10 以降で動作します。</p>

<pre class="brush: css notranslate">blink {
  -webkit-animation: 2s linear infinite condemned_blink_effect; /* for Safari 4.0 - 8.0 */
  animation: 2s linear infinite condemned_blink_effect;
}

/* for Safari 4.0 - 8.0 */
@-webkit-keyframes condemned_blink_effect {
  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="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>

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

<h2 id="See_also" name="See_also">関連情報</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="/ja/docs/Web/Guide/CSS/Using_CSS_animations" title="Web/Guide/CSS/Using_CSS_animations">CSS animations</a> は、このような効果を生成するための手段です。</li>
</ul>