-
Notifications
You must be signed in to change notification settings - Fork 4
/
895.txt
248 lines (183 loc) · 11.1 KB
/
895.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
* [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] ='早安!活力早餐吃了沒?別忘了給自己一杯好茶(咖啡)開啟美好的一天喔!'
text[1] ='嗨!祝您今天擁有充滿活力與朝氣的一天,甘巴嗲!'
text[2] ='要起來舒展一下囉,喝個水、上個廁所、透透氣去。'
text[3] ='要讓眼睛休息一下下,不要盯著螢幕太久,要保養你的靈魂之窗喔! '
text[4] ='午餐時間到了,已經想好要吃什麼了嗎?好好犒賞自己一下吧!'
text[5] ='快睡著了沒?中午吃太飽嗎?起來動一動、扭一扭,提振一下精神吧!'
text[6] ='Tea time!吃點小點心,跟同事哈啦一下,舒緩緊繃的工作壓力。'
text[7] ='快下班了,今天也辛苦了一天,明天也要加油喔!'
text[8] ='你要加班喔,真是辛苦呢!要記得吃晚餐,別讓肚子空空的,才有體力奮戰不懈!'
text[9] ='你還在工作喔!老板能請到你真是福氣呢!給你拍拍手,鼓鼓掌。'
text[10] ='夜深了,這麼賣力的員工,老板應該要給你加薪升官的,你一定會紅。'
text[11] = '4/22 Career與您相約台大椰林大道,「碩博士暨專業人才就業博覽會」只給您好人才,活動攤位有限,詳情速洽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跑馬燈 -->
<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 にもなりませんし。
[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]
[22] [CITE[IRC logs: freenode / #whatwg / 20090527]]
([TIME[2009-08-22 21:59:39 +09:00]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20090527>
[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]] が出版され、手続き上も正式に破棄されました。