点滅要素

blink要素は、ページ作成者が要素のコンテンツを点滅させる（つまり、表示と非表示を交互に繰り返す）ことを意図していることをユーザーエージェント（一般的にはWeb ブラウザ）に伝える非標準のHTML要素です。 ^{[ 1 ]}この要素はNetscape Navigator ^{[ 2 ]}で導入されましたが、現在はサポートされておらず、最新の Web ブラウザでは無視されることが多く、 Internet Explorerなど一部のブラウザはそもそもこの要素をサポートしていませんでした。^{[ 1 ]}

1990年代には家庭ユーザーの間で人気があったものの、過剰使用と読みにくさから人気が衰えた。^{[ 3 ]}

点滅要素の発明者としてよく知られているルー・モントゥリは、実際にコードを書いたことはなく、アイデアを提案しただけだと主張している。^{[ 2 ]}

…夕方のどこかの時点で、Lynx では私たちが提案している HTML 拡張機能の多くが表示できないのは残念だと話しました。また、Lynx の環境では、点滅するテキストスタイルしか利用できないことも指摘しました。点滅するテキストという発想に私たちは大笑いし、あれこれ点滅させることや、それがどれほどばかげたことかについて話しました。 …土曜日の朝になり、オフィスに向かうと、なんと点滅するテキストが目に入りました。画面上で、ブラウザ上で、それは堂々と点滅していました。どうしてこんなことが？と思うかもしれません。実は、エンジニアの一人が私のアイデアをとても気に入って、真夜中過ぎにバーを出てオフィスに戻り、一晩で点滅タグを実装していたのです。彼は朝もまだそこにいて、それをとても誇りに思っていました。^{[ 2 ]}

blink 要素は非標準であり、そのため、その構文や意味に関する公式な仕様はありません。ワールドワイドウェブコンソーシアムのバート・ボスは、 blink 要素の構文を含む文書型定義（強調や引用のための要素と同等の句要素として定義）を作成しましたが、DTD のコメントでは、これはジョークとして意図されたものであると説明されています。^{[ 4 ]}

blink 要素タイプの構文は、span などの標準的なHTMLインライン要素と同じです。例: 。点滅速度はブラウザ固有のものであり、タグには点滅速度を調整するパラメータや手段は含まれていません。タグをサポートするMozilla Firefoxのバージョンでは、テキストは 0.75 秒間表示され、0.25 秒間非表示になるというサイクルを繰り返します。^{[ 5 ]}<blink>This text could blink</blink>

blink 要素タイプは、Netscape Navigator用に最初に考案され、 Mozilla Firefoxなどの後継ブラウザでサポートされていました( Netscape 6と初期のMozilla スイートブラウザを除く。そのため、Mozilla スイートから派生したSeaMonkeyにも存在しません)。Firefox ではバージョン 23 で削除されました。[ ^{6 ] [ 1 ] Microsoft}のInternet ExplorerとWebKit ( AppleのSafariやかつてはGoogle Chrome の背後にあるブラウザ エンジン) は、CSS 版であっても、これをサポートしたことはありませんでした。Opera Internet Browserでもサポートされていましたが、このブラウザが WebKit ベースのエンジンに切り替わったバージョン 15 でサポートが終了しました。Prestoベースの Operaの精神的後継者としてのルーツを持つVivaldiも、機能的な blink タグをサポートしていません。

Netscapeは、 Microsoftが1996年2月のHTML ERB会議で自社のブラウザからmarqueeタグを削除することに同意した場合に限り、自社のブラウザからblinkタグを削除することに同意した。^{[ 7 ]}

一部のソフトウェアは、イースターエッグとしてblink要素をサポートしています。Google検索では、「blink html」を検索するとページの一部が点滅します。^{[ 8 ]} Androidのユーザーインターフェースフレームワークはblinkタグをサポートしており、TAG_1995ソースコード内でラベル付けされています。^{[ 9 ]}

CSS のtext-decorationプロパティの blink 値を使用すると、独自のタグを使用せずにテキストを点滅させるように指示できますが、CSS 2.1 仕様では、ユーザーエージェント アクセシビリティ ガイドラインに準拠するために、「準拠するユーザー エージェントは単にテキストを点滅させない」ことができると規定されています。^{[ 10 ]}

< span style = " text-decoration: blink;" >ポーシュロップまで、ストリートまで</span>

これにより、ページ上には以下のような表示がされます。ただし、最新のブラウザは装飾をサポートしていないため、実際に点滅する可能性は低いでしょう。

点滅要素は、CSSアニメーションを使用して実装することもできます。

@キーフレーム点滅{0 % {不透明度: 1 } 75 % {不透明度: 1 } 76 % {不透明度: 0 } 100 % {不透明度: 0 }}点滅、.blink -css {アニメーション: 0.75秒点滅、イーズイン、無限、交互に;}

要素に次のようなタグblinkまたはクラスが付与される場合blink-css：

< span class = "blink-css" >ポーシュロップへ、ポーシュロップ科の木へ</span>

これにより、以下の結果が得られます。

JavaScriptを使用することによっても同様の効果が得られます。

< script type = "text/javascript" >（関数（）{var点滅= document 。getElementsByTagName ( 'blink' );var visibility = 'hidden' ;window.setInterval ( function ( ) {​for ( var i = blinks . length - 1 ; i >= 0 ; i -- ) {blinks [ i ]. style . visibility = visibility ;}visibility = ( visibility === 'visible' ) ? 'hidden' : 'visible' ;}, 250 );})();</script>​​<blink>ここに点滅するテキスト</blink>

あるいは、jQueryを利用して点滅機能を実装することもできます。

< script type = "text/javascript" >setInterval ( function (){$ ( 'blink' ). each ( function () {$ ( this ) .toggle ();});}, 250 );</script>​​<blink>ここに点滅するテキスト</blink>

HTML に blink タグが実装される以前から、Apple IIe には、標準の白地に黒のテキストと反転した黒地に白のテキストを交互に表示する点滅テキストモードがありました。1982 年のApple Computer の開発者向けマニュアルでは、緊急時以外はこの機能を使用しないようにとアドバイスしており、「点滅する [テキスト] は、データまたはプログラムの差し迫った破壊を示す場合にのみ使用してください」と警告しています。^{[ 11 ]}

点滅要素は、ユーザビリティとアクセシビリティの専門家から一貫して批判されてきました。1996年、ヤコブ・ニールセンは、アラートボックスのコラム「Webデザインにおける10の間違い」の中で、この要素を「まさに悪」と評しました。 ^{[ 12 ]} ワールドワイドウェブコンソーシアムのWebコンテンツアクセシビリティガイドライン（WCAG）1.0では、コンテンツ作成者は画面のちらつきや点滅を避けるべきであり、そのような効果は認知障害や光過敏性てんかんの人に問題を引き起こす可能性があると指摘しています。^{[ 13 ]}

米国アクセス委員会は、ページは「点滅または点滅周波数が2Hzより高く55Hzより低い点滅または点滅するテキスト、オブジェクト、またはその他の要素を使用すべきではない」と述べています。^{[ 14 ]}

ドイツ連邦政府のバリアフリー情報技術条例（Barrierefreie Informationstechnik-Verordnung）でも、ちらつきや点滅するコンテンツは避けるべきだと規定されている。^{[ 15 ]}

ユーザーエージェントアクセシビリティガイドラインに準拠するには、ユーザーエージェントは「アニメーションまたは点滅するテキストコンテンツを静止した点滅しないテキストとしてレンダリングする構成を許可する」か、テキストを点滅させないかのいずれかでなければなりません。^{[ 16 ]} Mozilla Firefox は^、点滅を無効にする隠し構成オプション browser.blink_allowed を提供することでこの要件を満たしており^、これはabout:configからアクセスできます。点滅機能はバージョン 23 以降完全に無効になっています^{。[ 6 ]}

• マーキー要素

• クロスブラウザ対応のブリンクタグ