* [CODE(HTMLe)[marquee]] 要素型 (HTML, XHTML 1)

[6]
:[[局所名]]:[CODE(HTMLe)[marquee]]
:[[開始タグ]]:必須
:[[終了タグ]]:必須
:[[内容模型]]:不明
:出現できる文脈:不明
:[[属性]]:
,属性名	,属性値	,既定値	,説明	,状態	,出典
,[CODE(HTMLa)[[[align]]]]	,	,	,揃え	,非標準	,
,[CODE(HTMLa)[[[behavior]]]]	,	,	,動き	,非標準	,
,[CODE(HTMLa)[[[bgcolor]]]]	,[CODE(SGML)[%[[Color]]]]	,	,背景色	,非標準	,
,[CODE(HTMLa)[[[datafld]]]]	,	,	,データ欄	,非標準	,
,[CODE(HTMLa)[[[dataformatas]]]]	,	,	,データ書式	,非標準	,
,[CODE(HTMLa)[[[datasrc]]]]	,[CODE(SGML)[%[[URI]]]]	,	,データ源	,非標準	,
,[CODE(HTMLa)[[[direction]]]]	,	,	,移動方向	,非標準	,
,[CODE(HTMLa)[[[height]]]]	,	,	,高さ	,非標準	,
,[CODE(HTMLa)[[[hspace]]]]	,	,	,縦余白	,非標準	,
,[CODE(HTMLa)[[[loop]]]]	,	,	,繰返し回数	,非標準	,
,[CODE(HTMLa)[[[scrollamount]]]]	,	,	,移動量	,非標準	,
,[CODE(HTMLa)[[[scrolldelay]]]]	,	,	,	,非標準	,
,[CODE(HTMLa)[[[truespeed]]]]	,	,	,	,非標準	,
,[CODE(HTMLa)[[[vspace]]]]	,	,	,横余白	,非標準	,
,[CODE(HTMLa)[[[width]]]]	,	,	,幅	,非標準	,


[[#comment]]


** 実装

[3] [CODE(HTMLe)[marquee]] 対応 WWW ブラウザ:
- [[WinIE]] 2+
- [[Gecko]] 系ブラウザ ([[Mozilla Suite]], [[Firefox]] など)
- [[Opera]]
- [[JustView]]
- [[iモード]]系ブラウザ
- [[KHTML]] 系ブラウザ (2004年6月13日開発版以降)

[5]
[[WinIE]] 3.02 未満では、
[CODE(HTMLe)[marquee]] 内での文字の大きさの変化が反映されないという制限があったり、
[CODE(HTMLe)[[[a]]]] に含めると [CODE(HTMLe)[[[img]]]] のように
(下線ではなく) [CODE(CSS)[[[border]]]] 
によって表現されるという仕様だったりしたそうです。

[10]
[CODE(HTMLe)@en[[[marquee]]]] を多用すると、実装によっては動作が極端に遅くなります。

[11]
[[Lynx]]は[CODE(HTMLe)@en[[[marquee]]]]を[CODE(HTMLe)@en[[[banner]]]]と同じとして実装しています。

;; [CITE[Lynx Users Guide v2.7.1]] <http://leb.net/blinux/blynx/Lynx_users_guide.html#23>

([[名無しさん]] [sage])

[12]
[[Lynx]]は[CODE(HTMLe)@en[[[marquee]]]]を[CODE(HTMLe)@en[[[banner]]]]と同じとして実装しています。

;; [CITE[Lynx Users Guide v2.7.1]] <http://leb.net/blinux/blynx/Lynx_users_guide.html#23>

([[名無しさん]] [sage])

[[#comment]]


** 歴史

[4]
[[HTML 3.2]] に [CODE(HTMLe)[marquee]] が入らなかったのは、
[CODE(HTMLe)[[[blink]]]] も [CODE(HTMLe)[marquee]] も入れないという政治的決着です。

参考:
''W3C Journal'' <http://www.w3journal.com/5/s1.discussn.html>

[[#comment]]


** アクセス可能性・利用可能性

[9] [CODE(HTMLe)[marquee]] を利用すると内容が移動してしまいます。
[[読者]]には各自の文章を読む速さがありますから、
移動速度が早過ぎたり遅過ぎたりして不快に感じるかもしれません。
また、たまたま端に表示されている時に気付かずに読み飛ばしてしまうかもしれません。

[[#comment]]


** 例

[8] 動画代わりに効果的に使った例
[PRE(HTML deprecated example)[
<[CODE(HTMLe)[FONT]] [CODE(HTMLa)[SIZE]]="+3" [CODE(HTMLa)[COLOR]]="yellow"> 渋谷競馬場〜出走馬紹介〜 </[CODE(HTMLe)[FONT]]>
<[CODE(HTMLe)[MARQUEE]] [CODE(HTMLa)[LOOP]]="1"><[CODE(HTMLe)[IMG]] [CODE(HTMLa)[SRC]]="[CODE(URI)[../image/kba_u04.gif]]" [CODE(HTMLa)[WIDTH]]="50" [CODE(HTMLa)[HEIGHT]]="32"><[CODE(HTMLe)[IMG]] [CODE(HTMLa)[SRC]]="[CODE(URI)[../image/kba_u03.gif]]" [CODE(HTMLa)[WIDTH]]="50" [CODE(HTMLa)[HEIGHT]]="32"></[CODE(HTMLe)[MARQUEE]]>
<[CODE(HTMLe)[BR]]><[CODE(HTMLe)[MARQUEE]] [CODE(HTMLa)[scrolldelay]]="150"><[CODE(HTMLe)[IMG]] [CODE(HTMLa)[SRC]]="[CODE(URI)[../image/kba_u06.gif]]" [CODE(HTMLa)[WIDTH]]="50" [CODE(HTMLa)[HEIGHT]]="32"></[CODE(HTMLe)[MARQUEE]]>
]PRE]

[CODE(HTMLe)[marquee]] 要素内で参照されている画像は、
いずれも[[馬]]の絵 (静止画) です。 [CODE(HTMLe)[marquee]]
で移動させることによって[[競馬]]の様子を効果的に描写しています。

出典: [CITE[ロンゴロンゴ渋谷]] 
<http://yabumi.jp/luna/rongin/rongo_shibuya.html>
(2004年7月付け)


[15]
[CITE[Career就業情報網-為好企業找好人才,為好人才找好工作]] ([TIME[2008-06-08 00:30:16 +09:00]] 版) <http://www.career.com.tw/Newcareer_site/job_result_comp.aspx?R_GETFROM=oiktv>

[PRE(HTML example code)[
										<div class="newsExpress">
											<!--
											<script language="JavaScript">
					  	var	today=new Date();
						var h = today.getHours();
						var m = today.getMinutes();
						var index = 11 ;
						var i;
						text = new Array(11); 
						
						text[0] ='早安!活力早餐吃了沒?別忘了給自己一杯好茶(&#21654;&#21857;)開&#21855;美好的一天&#21908;!'
						text[1] ='&#21992;!祝&#24744;今天擁有充滿活力與朝氣的一天,甘巴&#22002;!'
						text[2] ='要起來舒展一下&#22217;,喝個水、上個廁所、透透氣去。'
						text[3] ='要讓眼睛休息一下下,不要&#30447;著螢幕太久,要保養&#20320;的靈魂之窗&#21908;! '
						text[4] ='午餐時間到了,已經想好要吃什麼了&#21966;?好好犒賞自己一下&#21543;!'
						text[5] ='快睡著了沒?中午吃太飽&#21966;?起來動一動、&#25197;一&#25197;,提振一下精神&#21543;!'
						text[6] ='Tea time!吃點小點心,跟同事哈&#21862;一下,舒緩緊繃的工作壓力。'
						text[7] ='快下班了,今天也辛苦了一天,明天也要加油&#21908;!'
						text[8] ='&#20320;要加班&#21908;,真是辛苦&#21602;!要記得吃&#26202;餐,別讓肚子空空的,才有體力奮戰不懈!'
						text[9] ='&#20320;還在工作&#21908;!老板能請到&#20320;真是福氣&#21602;!給&#20320;拍拍手,鼓鼓掌。'
						text[10] ='夜深了,這麼賣力的員工,老板應該要給&#20320;加薪升官的,&#20320;一定會紅。'
						text[11] = '4/22 Career與&#24744;相約台大椰林大道,「碩博士&#26280;專業人才就業博覽會」只給&#24744;好人才,活動攤位有限,詳情速洽0800-712-712'
						
						if (h=="8"){ i=0; }
						else if (h=="9"){ i=1; }
						else if (h=="10"){ i=2; }
						else if (h=="11"){ i=3; }
						else if (h=="12" || h=="13"){ i=4; }
						else if (h=="14"){ i=5; }
						else if (h=="15" || h=="16"){ i=6; }
						else if (h=="17"){ i=7; }
						else if (h=="18"){ i=8; }
						else if (h=="20" || h=="21"){ i=9; }
						else if (h=="22"){ i=10; }
						else { i=11; }
						
						document.write ("<MARQUEE scrolldelay='150'><font class='c10' color='#990000'>"); 
						document.write (text[i]);
						document.write ("</font></marquee>");
											</script>
											-->
											<!-- Hot News&#36305;馬燈 -->
<table width='100%'  border='0' cellpadding='0' cellspacing='0' class='hot'>
<tr valign='top'>
<td valign='middle' ><MARQUEE scrolldelay='300' width='700' direction='left'>
</MARQUEE> </td>
</tr>
</table> 
]PRE]

Ummm.... What's this?

[18] 
[CITE[Top Page]] ([TIME[2004-03-09 23:58:43 +09:00]] 版) <http://www.aiseikai.or.jp/>

(閲覧注意)

[19] [CITE[はてなダイアリーがmarqueeとblinkに対応したので、愛生会病院してみた。 - TERRAZINE]] ([TIME[2008-11-26 05:57:25 +09:00]] 版) <http://d.hatena.ne.jp/TERRAZI/20081122/p1>

[[#comment]]


** メモ

[13]
[CITE[Marquee in the web 2.1 way]] <http://atos.wmid.amu.edu.pl/~d129682/web21/web21-marquee.html>
([[名無しさん]] [WEAK[2006-10-29 01:47:27 +00:00]])

[14]
[CITE[d:id:quaa]] ([CODE[2007-05-14 01:16:53 +09:00]] 版) <http://d.hatena.ne.jp/quaa/20070514#p1>
([[名無しさん]] [WEAK[2007-05-17 11:03:28 +00:00]])

[16] [CITE[はてなダイアリーがデコメの投稿に対応しました - はてなダイアリー日記]] ([TIME[2008-11-20 23:26:53 +09:00]] 版) <http://d.hatena.ne.jp/hatenadiary/20081120/1227169740>

>また、今回の機能追加に伴い、はてなダイアリー利用可能タグにmarqueeタグとblinkタグを追加しました。

[17] [CITE@ja[スラッシュドット・ジャパン | 改めて問う、marquee、blinkタグの意義]] ([TIME[2008-11-25 21:19:36 +09:00]] 版) <http://slashdot.jp/askslashdot/article.pl?sid=08/11/24/114241>

[20] [CITE@ja[なつかしのHTMLタグ「marquee」--CSS 3のマーキーを検証してみる - コメント - builder by ZDNet Japan]] ([TIME[2008-11-26 05:56:36 +09:00]] 版) <http://builder.japan.zdnet.com/comment/story/0,3800086213,20378743,00.htm>

[[#comment]]


* メモ

[1] 初めて携帯の [[Web]] 利用サービスを見て分かったんですけど、
マーキーの移動文字も使い方によっては狭い空間を効率的に使えて便利なんですね。
長い文を対象にすると電光掲示板みたいになって一覧性が失われてしまうのが問題ですけど、
見出し程度なら便利じゃないかと思います。

[2] >>1 の実現には、 [CODE(CSS)[[[-wap-marquee]]]] 属性方式よりも、 
[CODE(CSS)[[[overflow]]]] 属性に値を追加した方がいいんじゃないですかね。
そうでないと、画面に収まっている時にも動いてしまってうざいし、現存の携帯 
[ABBR[[[UA]]] [利用者エージェント]] の simulate にもなりませんし。