Edit

Page

Page title:

Page body:

* [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]]

* 歴史

[FIG(data)[ [140] [[HTML要素概説]]

:[F[要素名]]:[CODE[marquee]]
:日付:[TIME[1996]]
:説明:
[TIME[1996]]頃の
[[Internet Explorer 2.0]]
は、
[CODE[marquee]]
を実装した。
]FIG]

[35] [CITE@EN-US[MARQUEE Element | MARQUEE Object]], [[InetSDK]], [TIME[2024-08-17T04:03:10.000Z]], [TIME[2000-10-29T21:19:42.301Z]] <https://web.archive.org/web/20001029203526/http://www.msdn.microsoft.com/workshop/author/dhtml/reference/objects/MARQUEE.asp>

[36] >>35 [[IE3]]+ になっているが実際は[[IE2]]からだったかな?

[43] [CITE@EN-US[Web Workshop - Frequently Asked Questions About HTML Coding for Internet Explorer]], [[Microsoft Corporation]], [TIME[2024-09-26T15:18:24.000Z]], [TIME[2000-12-03T23:31:32.620Z]] <https://web.archive.org/web/20001203232800/http://msdn.microsoft.com/workshop/Author/ie3html/HTMLFAQ1.asp>

[44] >>43 縦にスクロールは [CODE[marquee]] では出来ないから専用(?)の 
[[ActiveX control]] を使え、と。すごいこといわはるなw

[45] >>44 更にそれを使うと拡縮もできるし、表示内容を右クリックで他のページに切り替えることまでできる!
元々 [CODE[marquee]] と違って[[要素の内容]]ではなく他のページが表示されるものらしい。

[46] これって [[IE3]] からあったものなのかな。 [CODE[iframe]] は [[IE4]] から。

[47] >>43 こんな制約もあったらしい:

>You cannot use any other tags, such as <FONT> or anchor (<A>), inside <MARQUEE> tags. They can be used outside, applying to the entire marquee, as follows:

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

- [39] ''W3C Journal'' <http://www.w3journal.com/5/s1.discussn.html>
-- [40] 消滅確認 [TIME[2024-09-11T13:49:40.300Z]]
-- [41] [CITE[W3C Journal]], [TIME[2024-09-11T13:48:24.000Z]], [TIME[2000-08-17T18:38:07.858Z]] <https://web.archive.org/web/20000817183705/http://www.w3journal.com/5/s1.discussn.html>

** Gecko による実装

[42] [CITE@ja[Mozillaはmarqueeタグをサポートすべきか、否か | スラド デベロッパー]], [TIME[2024-09-11T14:01:55.000Z]] <https://developers.srad.jp/story/02/08/05/1018222/>

[FIG(data)[ [48] [[HTML要素概説]]

:[F[要素名]]:[CODE[marquee]]
:日付:[TIME[2000]]
:説明:
その後多くの
[[Webブラウザー]]が実装した。
[TIME[2002]]、
[[Gecko]]
が実装した。
[SEE[>>49]]
:注釈:
- [49] 
[[Gecko]] が対応すると決めたときだけでなく、
[[Webサービス]]等が対応すると発表したときなど、
何らかの製品が [CODE[marquee]] への対応追加を発表するたびに多くの反発があった。
移動文字を不快に感じる人は多かったし、
当時の[[Web標準]]から外れることへの抵抗もあった。
[CODE[marquee]] は不評だった [[Internet Explorer]] や [[Microsoft]]
の象徴であり、 それに屈するようにも感じられた。
しかしそうした反対意見を無視できるほど、
[CODE[marquee]]
はよく用いられ、必要とされる機能だった。
[SRC[SW:marquee]]

]FIG]

** ガラケーによる実装

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

[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">
											
											
<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>

[FIG(quote)[
[FIGCAPTION[
[50] 
[CITE@en-us[text_data HP]], [TIME[2010-11-05T12:50:38.000Z]], [TIME[2025-05-18T04:11:45.423Z]] <http://textdata.web.fc2.com/>
]FIGCAPTION]

>
[PRE[
<P>
<P>
<MARQUEE>
<H3>コーパス計量分析やテキストマイニングのツールMLTPの最新バージョンを公開しています。</H3>
</MARQUEE> 
<h3>
<center><H2>MLTPについて</H2></center><P>
]PRE]

]FIG]

[51] [CITE[Uighursoft]], [TIME[2025-06-14T13:33:42.000Z]], [TIME[2000-06-21T13:59:39.577Z]] <https://web.archive.org/web/20000621135729/http://www.uighursoft.com/>

>
[PRE[
</font><font color="#004080" size="3"><marquee scrolldelay="180" border="1" style="font-family: Arial; font-size: smaller">Best viewed with the 800*600 resolution</marquee></font></small></p>
]PRE]

[52] 
[CITE[http://www.uighurlinux.com 欢迎你!]], [TIME[2025-06-14T23:13:49.000Z]], [TIME[2003-02-13T17:14:24.504Z]] <https://web.archive.org/web/20030213164810/http://www.uighurlinux.com/chinese/freesystem.shtml>

>
[PRE[
            <marquee id="marquee" onmouseover="marquee.stop()" onmouseout="marquee.Start()" scrolldelay="100">今天的最新免费代理:210.15.46.45&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 端口:80&nbsp;&nbsp; 61.137.93.103&nbsp; 端口:80&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 211.91.239.253&nbsp;&nbsp;&nbsp; 端口:80</marquee></font></div></td></tr></tbody></table></td></tr></tbody></table>                                  
]PRE]

>
[PRE[           
       <marquee direction="up" height="210" scrollamount="1" scrolldelay="75" width="164" style="line-height: 20px; color: #FFFF00">曾经,我们在DOS的时代成长,我们在Windows的蓝天白云下驰骋。那时,我们以为只有这个“窗口”才能带给我们快乐。于是,我们渐渐地失去了自由,直到有一天,Linux来到我们的面前,才发现,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 原来我们的生活本可以更快乐。&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 那只可爱的小企鹅带给我们的不仅仅是一个强大的操作系统内核,还有一段动人的故事:在这个充斥着软件&quot;Copyright&quot;的时代,有一群人在高举着&quot;GPL&quot;向人们讲述着关于他们的自由和理想......</marquee>       
]PRE]

>
[PRE[
                                  <marquee behavior="alternate">★★★★★需要如下软件请拨打0991-7793994★★★★★</marquee>        
]PRE]

** メモ

[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>

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

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

[21] [CITE@en[CSS Marquee Module Level 3]] ([TIME[2008-12-04 00:43:07 +09:00]] 版) <http://www.w3.org/TR/2008/CR-css3-marquee-20081205/>

[30] >>21 では次の [[CSS特性]]が提案されていました。
[FIG(short list)[
- [CODE(CSS)@en['[[overflow-style]]']]
- [CODE(CSS)@en['[[marquee-style]]']]
- [CODE(CSS)@en['[[marquee-play-count]]']]
- [CODE(CSS)@en['[[marquee-direction]]']]
- [CODE(CSS)@en['[[marquee-speed]]']]
]FIG]

** HTML5

- [37] 
[CITE@en['''['''''']''' (0) <marquee>, DOM side]], [[Hixie]], [TIME[2009-05-26 17:56:54 +09:00]], [TIME[2024-09-06T08:16:15.000Z]] <https://github.com/whatwg/html/commit/04e9529ce80cb08dc723e82cae91a98566f37fc0#diff-41cf6794ba4200b839c53531555f0f3998df4cbb01a4d5cb0b94e3ca5e23947d>
- [38] 
[CITE@en['''['''''']''' (0) <marquee>, CSS side]], [[Hixie]], [TIME[2009-05-27 10:00:45 +09:00]], [TIME[2024-09-06T08:16:26.000Z]] <https://github.com/whatwg/html/commit/b12863fafd50816b41805a1830777dfb81c8904c>

[22] [CITE[IRC logs: freenode / #whatwg / 20090527]]
([TIME[2009-08-22 21:59:39 +09:00]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20090527>

[FIG(data)[ [216] [[HTML要素概説]]

:[F[要素名]]:[CODE[marquee]]
:日付:[TIME[2009-05-26]]
:説明:
[TIME[2009-05-26]]、
[CITE[HTML5]]
に
[CODE[marquee]]
の実装の規定が追加された。
:出典:
[REFS[

-
[CITE[HTML5 r3133]],
[DATA(.author)[[[Hixie]]]], 
[TIME(.published)[2009-05-26 17:56:54 +09:00]], [TIME[2024-09-06T08:16:15.000Z]] <https://github.com/whatwg/html/commit/04e9529ce80cb08dc723e82cae91a98566f37fc0>
-
[CITE[HTML5 r3141]],
[DATA(.author)[[[Hixie]]]], 
[TIME(.published)[2009-05-27 10:00:45 +09:00]], [TIME[2024-09-06T08:16:26.000Z]] <https://github.com/whatwg/html/commit/b12863fafd50816b41805a1830777dfb81c8904c>

]REFS]

]FIG]

[23] [CITE[3キャリア共通のマーキーの書き方 | 株式会社シンメトリック公式ブログ - 携帯開発から生まれる技術情報]]
([TIME[2010-03-21 23:35:25 +09:00]] 版)
<http://symple.jp/47.html>

[24] [CITE[''''''[''''''whatwg'''''']'''''' <marquee> feedback]]
( ([TIME[2011-04-29 19:00:48 +09:00]] 版))
<http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2011-April/031351.html>

[25] [CITE[Intent to remove: overflow: -webkit-marquee - Google グループ]]
( ([TIME[2013-08-28 13:21:43 +09:00]] 版))
<https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/HSiFTKnMy4Q>

[26] [CITE@ja[marquee - hitode909の日記]]
( ([TIME[2014-03-18 01:06:50 +09:00]] 版))
<http://hitode909.hatenablog.com/entry/2014/03/17/201717>

[27] [CITE[IRC logs: freenode / #whatwg / 20140328]]
( ([TIME[2014-03-30 01:03:25 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20140328#l-565>

[REFS[
- [28] [CITE@en[CSS Marquee Module Level 3]] ([TIME[2014-10-15 01:40:02 +09:00]] 版) <http://www.w3.org/TR/2014/NOTE-css3-marquee-20141014/>
]REFS]

[29] 2014年10月に [[WG Note]] が出版され、手続き上も正式に破棄されました。

[31] [CITE@en[Remove the concept of CSS Bindings]]
([[annevk]]著, [TIME[2016-07-08 02:00:41 +09:00]])
<https://github.com/whatwg/html/commit/6c96beabfa41d6d28ab23633966b82c5cdb9fd94>

[32] [[marquee]] は遅いと読むのに時間がかかってイライラしたり、
先頭を見逃すと1周して戻ってくるまで無駄な時間になったりしますし、
速いと読めないので、つらいことしかありません。
そして人によって読みやすい速さは全然違います。

[33] [[ガラケー]]のように狭い画面で、[[見出し]]のように1行にほぼ収まるけど少しだけ足りない、
という時に[[マーキー]]で左右に揺れるのは、読みやすさを然程失わずに表示域を節約できて便利でした。

[34] [CITE@en[Do not inherit text-transform (et al.) on form controls]]
([[jugglinmike]]著, [TIME[2019-08-29 19:14:53 +09:00]])
<https://github.com/whatwg/html/commit/b9997b7488a3b35515c30bb1627d361053cf2c2f>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)