このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

blink element (<blink> タグ)

<blink> 要素は、ウェブブラウザーが対応しなくなり、MDN でも文書化されなくなった時代遅れの HTML の機能です。テキスト要素を点滅(フラッシュ)させ続けるために使われていました。

<blink> はこのように使われていました。

html
<blink>In ancient browsers, I may have blinked</blink>

略史

ウェブの黎明期(90 年代前半から半ば)には、ウェブページをスタイル設定するための機能はあまりありませんでした。CSS の仕様(バージョン 1)が最初にリリースされたのは 1996 年で、一貫してブラウザーに採用されたのはずっと後のことでした。CSS が採用される以前、ブラウザーは特定のテキスト部分を目立たせ、ユーザーの注意を引くためにいくつかの機能を実験的に使っていました。<blink> もその一つで、初期バージョンの Netscape Navigator に導入されました。また、初期バージョンの Internet Explorer には <marquee> という別の要素がありました。

<blink> は、 Netscape のエンジニアである Lou Montulli と同僚たちがマウンテンビューのバーでしていた会話がきっかけで生まれたようです。彼が翌朝オフィスに出社すると、同僚のひとりが徹夜でその機能を実装していたことに気づきました(詳しい話はこちら)。

当初は人気を集めた <blink> ですが、乱用された結果、多くの人がこれを不快だと感じ、多くの批判を受けるようになりました。さらに重要なことは、可読性を低下させ、視覚障害者やてんかん、ADHD のような認知障害のあるユーザーにとって特に問題となる可能性があることです。<blink> は、混乱を起こしたり、最悪の場合、発作を引き起こすこともあります。

<blink> は正式に仕様化されたことはなく、主要なブラウザー間で互換性も得られませんでした。これはウェブの歴史の一部と考えることができます。

代替案

  • CSS の text-decoration-line プロパティには同じ効果を持つはずの blink がありますが、現代のほとんどのブラウザーはこれを無視します。
  • JavaScript の String.blink() メソッドは、テキスト文字列を <blink></blink> タグで囲みますが、前述の通り、この要素はもはやどこでも対応していません。
  • CSS アニメーションは、今でも点滅するテキストを作成するために使用することができます。しかし、前述した理由から、ウェブページでのテキストの点滅は避けるべきです。

関連情報