* blink 要素型 (HTML)

[2] [[HTML]] の [CODE(HTML)[blink]]
要素型は、その要素の内容を[[点滅]]させる効果を持ちます。

元々は [[NN]] の独自拡張ですが、
[[M$]] [[FrontPage]]
を始め多くの HTML [[UA]]
で実装されています。

[7]
:[[名前空間名]]:[CODE(URI)[[[http://www.w3.org/1999/xhtml]]]] (非標準)
:[[局所名]]:[CODE(HTMLe)[[[blink]]]]
:[[開始タグ]]:必須
:[[終了タグ]]:必須
:出現できる文脈:[[厳密行内要素]]が認められる文脈 (?)
:[[内容模型]]:[[厳密行内要素]] (?)
:[[属性]]:
,属性名	,属性値	,既定値	,説明	,状態	,出典


[3] CSS では
[CODE(CSS)[blink {text-decoration: blink}]]
と同様の効果が得られます。

[4] [CODE(HTML)[blink]]
要素の中にあっても、
[[表]]や[[画像]]などは点滅しません。

[1] [CODE(HTML)[blink]] 要素内に [CODE(HTML)[[[br]]]] 
要素だけが入っているのを見たけど 
[WEAK[(なぜ見えたかというと、 [[CSS]] で [CODE(HTML)[br]] 要素を可視にしていたから。)]]
一体何がしたかったんだろうか・・・。]

[5] 文字が点滅するので注意を引くことが出来るとか、面白いとかで好む人が要る一方で、
ちかちかするとか見落とす恐れがあるとかで嫌う人も少なくありません。

[6] >>5 が結局標準化もされなかった大きな原因でしょう。 
(もちろん、 [[HTML 3.2]] の時の政治的事情が大きいのですが。)

[10]
文字が点滅していると読み過ごしてしまう虞がありますから、 [SAMP(CSS)[[CODE(HTMLe)[blink]] {[[border]]: [[thin]] [[dotted]] [[red]]}]] などと[[利用者スタイル・シート]]に書いておくといいかもしれません。 (点滅自体が嫌なら [SAMP(CSS)[[CODE(HTMLe)[blink]] {[[text-decoration]]: [[normal]]}]] とか。)


** 実装

[11]
Windoze 版 Classic Mozilla は文字が点滅しましたが、
Macintosh 版 Classic Mozilla は背景色がちかちか変化しました。

[12]
[[iモード]]のブラウザの中には節電のため一定時間後に点滅を中止するものもあるそうです。
([[名無しさん]] [WEAK[2004-04-21 02:11:46 +00:00]])

[14]
てんめつのじかんもじっそうによりちがうようです。
[SAMP[Mozilla/5.0 (X11; U; FreeBSD i386; en-US; rv:1.7.8) Gecko/20050513 Firefox/1.0.4]] ではきえているじかんよりでているじかんがすこしながくなっております。

([[名無しさん]] [sage])

[16]
[CITE[Firefox Help: 便利な使い方]] <http://www.mozilla-japan.org/support/firefox/tips#lay-blink>

[[Firefox]]で点滅をさせない方法。

([[名無しさん]] [sage] [WEAK[2005-12-26 11:38:41 +00:00]])

[20]
>>14 Firefox 1.5 では表示されているのが1秒くらい、
消えているのがほんの少しです。
Opera 9 では表示されているのも消えているのも1秒くらいのようです。
([[名無しさん]])

[21]
[[Opera]] 9 の実装は buggy で、一度 [[HTML]]
[CODE(HTMLe)@en[[[blink]]]] や [[CSS]]
[CODE(CSS)@en[[[blink]]]] を表示すると、
別の[[文書]]中の [CODE@en[[[blink]]]]
が反応しなくなる (表示されたままになったり、
消えたままになったりする) ようです。

;; 履歴による前へ、次への移動で戻ってきたときは点滅します。

([[名無しさん]])

[22]
[[Opera]] 9 では [CODE@en[[[blink]]]] の中の[[要素]]は
(その[[要素]]も [CODE@en[[[blink]]]] でない限り)
点滅しません。
([[名無しさん]])

[23]
[[Firefox]] 1.5 と [[Opera]] 9 では、
[CODE@en[[[blink]]]] 内に [CODE@en[[[blink]]]]
があってもどちらも同じタイミングで点滅します。

([[名無しさん]])

[24]
[[Firefox]] 1.5 と [[Opera]] 9 のどちらも、消えている部分も含めて選択 ([CODE(CSS)@en[::[[selection]]]]) できます。
[[Firefox]] では選択を表す色反転ごと消えますが、
[[Opera]] では色反転は残ります (文字は見えなくなります)。
いずれも[[近道メニュー]]等から[[クリップボード]]に[[複写]]はできます。

[29] [CITE[Blink]], [TIME[2005-03-20T04:43:06.000Z]], [TIME[2024-08-16T08:06:45.231Z]] <http://www.blooberry.com/indexdot/html/tagpages/b/blink.htm>


[30] >>29 によると [[IE4]] から[[要素]]として対応していたものの、表示効果は適用されなかったとのこと。

;; [31] 当時の [[IE]] は未対応[[要素]]の[[タグ]]は対応済み[[要素]]の[[タグ]]と挙動が違いました。

** 例

[9] 強調のために点滅させる例
[PRE(HTML deprecated example)[
<[CODE(HTMLe)[p]]>By attaching style sheets to structured documents on the Web (e.g.
HTML), authors and readers can influence the presentation of documents
without sacrificing device-independence or adding <[CODE(HTMLe)[blink]]>new HTML
tags</[CODE(HTMLe)[blink]]>.
]PRE]

出典の文書にもほんの冗談に過ぎないと書かれていますが、
本来は [CODE(HTMLe)[[[em]]]] 要素型を使用し、
必要なら [[CSS]] などで装飾を行うのが望ましいとされています。

出典: [CITE[Web Style Sheets]] <http://www.w3.org/Style/#what>

日本語訳 (参考)
[PRE(HTML deprecated example)[
<[CODE(HTMLe)[p]]>Web の構造化文書 (例えば HTML)
にスタイル・シートを添付すると、著者と読者は装置独立性を犠牲にしたり
<[CODE(HTMLe)[blink]]>新しい HTML タグ</[CODE(HTMLe)[blink]]>
を追加したりせずとも文書の表現をいじることができます。
]PRE]

[19]
[PRE(HTML invalid example code)[
<BLINK>英語圏以外の住所については欧文モードでご覧ください</BLINK><BR>
]PRE]

出典: [CITE[在オーストリア日本大使館・総領事館]] 
(2006年11月14日現在)
<http://www.mofa.go.jp/mofaj/annai/zaigai/list/europe/oumlst.html>

* 歴史

[51] [CITE@ja[Netscape's HTML enhancements: Where's the docs?]], [TIME[2024-10-07T08:55:06.000Z]] <https://groups.google.com/g/comp.infosystems.www.users/c/cN2IglR2sSk/m/lKMZ0jgFX9IJ>


[FIG(data)[ [140] [[HTML要素概説]]

:[F[要素名]]:[CODE[blink]]
:日付:[TIME[1994]]
:説明:
[[Netscape Navigator]]
が初期から実装していた。
現在の [[CSS]] の [CODE(CSS)[text-decoration: blink]]
に当たる。
[[文字]]を点滅させると説明されることが多いが、
[[Macintosh]] 版 [[Netscape Navigator]]
では背景が点滅したという。
:説明:
[[Internet Explorer]]
が未対応で、
両ブラウザーの非互換性の代表事例として有名だったが、
表示効果がないだけで[[要素]]として認識はしていたらしい。
:説明:
点滅効果が不快だと悪名高いが、
多くの[[Webサイト]]で利用されていた。
編集ソフトウェア等も対応したものが多かった。
:出典:[[blink]]

]FIG]


[FIG(data)[ [32] [[HTML要素概説]]

:[F[要素名]]:[CODE[blink]]
:[F[要素名]]:[CODE[marquee]]
:日付:[TIME[1998]]
:説明:
[[Netscape Navigator]]
独自拡張の代表
[CODE[blink]]
と
[[Internet Explorer]]
独自拡張の代表
[CODE[marquee]]
は、
しばしばセットで紹介された。
両ブラウザーに対応させる苦肉の策として、
両方のタグで囲んで何らかの視覚的変化が発生すればいいとの使われ方もまま行われた。
:説明:
[CITE[HTML 3.2]]
では、
[CODE[blink]],
[CODE[marquee]]
のどちらも[[標準化]]しないという政治的取引があった。
[SRC[>>50]]
[SRC[>>49]]
:出典:
[REFS[

-
[49] 
[CSECTION@en[Chapter 2]], 
[CITE@en[Raggett on HTML 4]],
[TIME(.published)[1998-05-19T15:22:16.000Z]], [TIME[2024-09-22T02:52:50.901Z]] <https://www.w3.org/People/Raggett/book4/ch02.html>
-
[50] 
[DFN[HTMLBG]]:
[CSECTION@en[HTML background]],
[CITE@en[W3C Journal]], 
Winter [TIME(.published)[1997]],
[TIME[2024-10-05T06:14:35.000Z]], [TIME[1998-02-02T20:01:13.979Z]] <https://web.archive.org/web/19980202200106/http://www.w3journal.com/5/s1.discussn.html>



]REFS]

]FIG]

[47] 
[CITE[Chapter 2]], [TIME[1998-05-19T15:22:16.000Z]], [TIME[2024-09-22T02:52:50.901Z]] <https://www.w3.org/People/Raggett/book4/ch02.html>

[48] [CITE[W3C Journal]], [TIME[2024-10-05T06:14:35.000Z]], [TIME[1998-02-02T20:01:13.979Z]] <https://web.archive.org/web/19980202200106/http://www.w3journal.com/5/s1.discussn.html>



[33] 
[CITE[HoTMetaL]]
の

>
[PRE[
<!--    @(#)hmpro2.dtd  1.1 9/12/95 SoftQuad -->
<!--    This is the DTD as used by HoTMetaL PRO 2.0.
        Copyright 1995 SoftQuad, Inc.
]PRE]

という [[DTD]] に [[Netscape]] 拡張として [CODE[blink]] が含まれています。

[45] [CITE@ja[NetscapeやMicrosoftの独自拡張要素等の対応状況]], [TIME[2024-08-19T13:31:44.000Z]], [TIME[2001-04-25T23:11:00.236Z]] <https://web.archive.org/web/20010425230915/http://www.gld.mmtr.or.jp/~tanico/Ah/Extentions.html>

[46] >>45 [[iCab]] は実装していて、無効化オプションもある。

** メモ

[17]
[CITE[A Statistical Review of 1 Billion Web Pages]] <http://slashdot.org/comments.pl?sid=175125&cid=14564165>

> Used more often than <abbr>, <q>, <kbd>, <dfn>, <ins>, <var>, <del>, and <samp>...

([[名無しさん]] [WEAK[2006-01-30 00:35:38 +00:00]])

[18]
[CITE[Web 2.1 server-side blink tag demonstration]] <http://cheese.blartwendo.com/web21-demo.html>
([[名無しさん]] [WEAK[2006-10-29 01:50:13 +00:00]])

[25]
[CITE@en[Ajaxian &#187; The New Timers]] ([CODE[2007-07-28 11:44:54 +09:00]] 版) <http://ajaxian.com/archives/the-new-timers>

[34] [CITE[はてなダイアリーがデコメの投稿に対応しました - はてなダイアリー日記]] ([TIME[2008-11-20 23:26:53 +09:00]] 版) <http://d.hatena.ne.jp/hatenadiary/20081120/1227169740>

>また、今回の機能追加に伴い、はてなダイアリー利用可能タグにmarqueeタグとblinkタグを追加しました。

[35] [CITE@ja[悪用厳禁、恐怖のHTMLショップ:blinkタグ - builder by ZDNet Japan]] ([TIME[2008-11-26 06:02:28 +09:00]] 版) <http://builder.japan.zdnet.com/news/story/0,3800079086,20364087,00.htm>

[36] [CITE[富山県消費生活センター]] ([[tomoyo.mori]] 著, [TIME[2008-12-02 18:21:32 +09:00]] 版) <http://www.pref.toyama.jp/branches/1731/1731.htm>

[PRE(HTML example code)[
<div align="center">
<center>
<table style="height: 590px; width: 791px;" border="0">
  <tbody>
    <tr>
      <td style="width: 662px; height: 89px;">

      <h4 style="color: rgb(102, 51, 102);"><blink><font size="+2"><span
 style="font-weight: bold; color: rgb(51, 0, 0);"><span
 style="background-color: rgb(255, 255, 0);"> </span></span><span
 style="color: rgb(51, 0, 0); font-weight: normal;"><span
 style="background-color: rgb(255, 255, 0);">緊
急情報</span></span><span style="font-weight: bold; color: rgb(51, 0, 0);"><blink></blink></span><span
 style="color: rgb(51, 0, 0); font-weight: normal;"><blink><blink><span
 style="background-color: rgb(255, 255, 255); color: rgb(51, 0, 0);"><span
 style="background-color: rgb(255, 255, 0);">                           
        </span></span></blink></blink></span></font></blink></h4>
      <h4 style="color: rgb(102, 51, 102);"><blink><font size="+2"><span
 style="color: rgb(51, 0, 0); font-weight: normal;"><blink><blink></blink></blink></span></font></blink></h4>
      <h4 style="color: rgb(102, 51, 102);"><font size="+1"
 style="color: rgb(0, 0, 153);">ご注意!こんな相談が増えています</font>&nbsp;&nbsp;&nbsp;
  <span style="color: rgb(0, 0, 153);">※
過去の掲載分は</span><span style="font-weight: bold;"><a href="KINKYUJOHO.html">こ
ちら</a></span><blink><blink><blink><big style="font-weight: normal;"><span
 style="color: rgb(51, 0, 0); background-color: rgb(255, 255, 0);"> </span></big></blink></blink></blink></h4>
      <h4 style="color: rgb(102, 51, 102);"><blink><blink><blink><big
 style="font-weight: normal;"><span
 style="color: rgb(51, 0, 0); background-color: rgb(255, 255, 0);"> </span></big></blink></blink></blink></h4>

      <a href="kakuuseikyuu.htm">ま
すます巧妙になる架空請
求による振り込め詐欺にご注意!</a><br>
      <br>
      <a href="http://www.sangyo-rodo.metro.tokyo.jp/kasimasusagi.pdf"
 style="font-weight: normal;"><span style="color: rgb(51, 51, 255);">金融機
関等詐称詐欺にご注意!!</span></a><br>
      <h4><a href="kinkyu-ri-su.htm"><span
 style="font-weight: normal; color: rgb(51, 51, 255);">電話機のリース契約にご注意!</span></a></h4>
      <h4 style="color: rgb(102, 51, 102);"><blink><blink><blink></blink></blink></blink></h4>
      <h4 style="color: rgb(102, 51, 102);"><blink><blink><blink></blink></blink></blink></h4>
      <h4 style="color: rgb(102, 51, 102);"><blink><blink><blink></blink></blink></blink></h4>

      <h4 style="color: rgb(102, 51, 102);"><blink><blink><blink></blink></blink></blink></h4>
      <h4 style="color: rgb(102, 51, 102);"><blink><blink><blink><blink></blink><blink></blink></blink></blink></blink></h4>
      <font
 style="font-weight: bold; color: rgb(51, 0, 0); background-color: rgb(255, 255, 255);"><blink></blink></font>
      <h4 style="color: rgb(102, 51, 102);"><span
 style="font-weight: bold; color: rgb(51, 0, 0);"><blink></blink></span></h4>
      <h4 style="color: rgb(102, 51, 102);"><span
 style="font-weight: bold; color: rgb(51, 0, 0);"><blink></blink></span><span
 style="color: rgb(51, 0, 0); font-weight: normal;"><blink></blink></span><span
 style="color: rgb(255, 0, 0);"><font size="+1"><font size="+2">製品事故等に関す
る情報一覧</font></font></span></h4>
]PRE]

なんじゃこりゃ (注: 一部分だけ引用しました)。ちかちかしてきもい。少しはブラウザの前の消費者のことも考えて欲しい。

[[#comment]]


* 属性値 blink (CSS text-decoration)

[3] [[CSS]] 1+ の属性
[CODE(CSS)[[[text-decoration]]]]
に値 [CODE(CSS)[blink]]
を与えると、その適用対象の文字は点滅します。

ただし、この機能は実装しなくても構わないことになっていますから、
[[Mozilla]] などでは点滅する一方、
[[WinIE]] などでは点滅しません。

[26]
[CITE[:::::::::: サイバー独島システムへようこそ。 :::::::::]] ([CODE[2007-02-06 14:41:21 +09:00]] 版) <http://www.dokdo.go.kr/for/index.php?lang_code=JAP>

<http://www.dokdo.go.kr/for/css/dokdo_jap.css>

> A:link {color:#4C4C4C; text-decoration:blink}

([[名無しさん]])

[27]
>>26 頁のほとんど全部が[[リンク]]なので、ほとんど全部の[[文字列]]が[[点滅]]してます。
中の人は頭がおかしいのではないか?



[[#comment]]


* メモ

- [8] あれですね、文字が素早く点滅なんてされたら病気持ちの人は発作起こすかもしれない。 [[UA]] の初期設定では無効にしておくか、せめて簡単に設定を変えれるようにしておくのがいいでしょう。できれば点滅速度も指定できるといいですね。[WEAK[だけど、現状のブラウザの点滅実装程度で発作を起こすような人は今の Windoze 環境とかは普通に使えないような気もする。]]

[13]
文字が点滅しててすごいびびったよ。
[CODE(HTMLe)[blink]] じゃなくて[[動画GIF]]
だったけど。

[15]
[CODE(HTMLe)@en[blink]] でも[[アニメーションGIF]] でも何でもそうですけど、
ちらちらしていると気になります。ブラウザを見てるときは良いにしても、
ブラウザの窓が後ろに半分隠れてて他の作業をしている時までちらちらされると気が散って仕方が無い。
ブラウザが inactive な時は off にできると嬉しい。
([[名無しさん]] [sage])

[37] [CITE@ja[作ろうiモード:iモードブラウザ2.0対応HTML要素一覧 | サービス・機能 | NTTドコモ]]
([TIME[2010-03-21 00:22:01 +09:00]] 版)
<http://www.nttdocomo.co.jp/service/imode/make/content/browser/browser2/tag/blink.html>

[38] [CITE@en[857820 – Drop text-decoration: blink; and <blink> support]]
( ([TIME[2013-04-04 05:05:39 +09:00]] 版))
<https://bugzilla.mozilla.org/show_bug.cgi?id=857820>

[39] [CITE@en-GB[John Smith's blog : Emulating <blink> using WebKit CSS3 animation]]
( ([[John Smith]] 著, [TIME[2013-04-04 06:04:39 +09:00]] 版))
<http://www.john-smith.me/emulating--lt-blink-gt--using-webkit-css3-animation>

[40] [CITE[IRC logs: freenode / #whatwg / 20130415]]
( ([TIME[2013-04-19 08:52:25 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20130415#l-651>

[41] [CITE@en[Web Applications 1.0 r7905     Match reality better.]]
( ([TIME[2013-06-05 06:48:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=7904&to=7905>

[42] [CITE@en[857820 – Drop only blink effect from text-decoration: blink; and completely remove <blink> element]]
( ([TIME[2013-11-13 20:45:54 +09:00]] 版))
<https://bugzilla.mozilla.org/show_bug.cgi?id=857820>

[43] [CITE[Issue 13723005: <blink> - Code Review]]
( ([TIME[2013-11-13 21:01:25 +09:00]] 版))
<https://codereview.chromium.org/13723005/>

[44] [CITE[Bio of a strumpet]]
( ([TIME[2014-04-07 05:17:26 +09:00]] 版))
<http://web.archive.org/web/19981202104426/http://people.netscape.com/montulli/index.html>

[28] [CITE@en[Remove the user-agent stylesheet for <blink>]]
([[domenic]]著, [TIME[2016-09-28 03:47:08 +09:00]])
<https://github.com/whatwg/html/commit/818df2d3f0d647b96f2ecfb033658e7920942209>


[52] [CITE@ja-JP[ホーム - 飯山の昼行灯Ⅱ、福永晋三先生の邪馬台(やまと)国=豊国説]], [TIME[2024-10-10T07:40:42.000Z]] <https://hanzan-qazwsxedc.jimdofree.com/>


[53] >>52 [[CSS Animations]] によって blink している事例 (令和6年更新分)
