/
26.txt
460 lines (346 loc) · 26.5 KB
/
26.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
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
[1] [DFN[[RUBY[favicon][ふぁびこん]]]] は、 Web page を[[お気に入り]]に追加した時に表示される小さな絵のことです。
[[InternetExplorer]] が最初に実装して、段々広まりました。
* 仕様書
[REFS[
- [92] [CITE@en-GB-x-hixie[HTML Standard]] ([TIME[2015-09-30 22:54:01 +09:00]] 版) <https://html.spec.whatwg.org/#rel-icon>
]REFS]
* favicon.ico
[30] 特定の場所にある資源を自動的に取りに行く機能で、その資源の名前が
''favicon.ico'' です。 ''favicon'' とは favorite (お気に入り)
icon の略とされています。 (icon が重なって格好悪い...)
[3] Privacy 上良くないなどの意見があって、 IE
以外は実装していないと思います。
- [14] ''IE5.0にまたプライバシー問題?'' (1999-04-16 03:00 PDT) <http://www.hotwired.co.jp/news/news/technology/story/2322.html>
- [24] Mozilla 0.9.8 で実装されましたが、 0.9.9 で off にされました。 On にするには ''user_pref("browser.chrome.favicons",true);'' と設定すればよいようです。
[31] HTML などの著者は、この機能に頼るべきではないと考えられます。
(この機能が働くように ''/favicon.ico''
を用意するのは悪いことではないでしょうが、面倒でも一々 >>5
の方法で書いておくのが望ましいと思われます。)
- [35] ファビコンと読む人もいるみたいです。
- [43] [WEAK[2002-12-25 17:11]] ''>>3'': [[お気に入り]]に追加された時やその後またアイコンを取りに行った時 (その後のいつの時点でまだ取りに行くかはわかっていない。 >>28) に特定の資源を取りに行くことで、利用者の privacy 侵害であるという人もいます。とはいうものの、お気に入りに入っているのがわかるのも嫌な人はそういう実装を捨てれば良いだけですし、 >>5 の方法でも使っている資源なら必ずしもお気に入りに入ったとは断定できません。なんにせよ、サーバー側にとってはさほど有益な情報にはならないでしょうから、神経質になる必要もないと考えられます。
[65]
この機能は、普通 [Q@en[favicon]] あるいは [Q@en[favicon.ico]]
と呼ばれます。[CODE(HTMLe)@en[[[link]]]] [[要素]]を使う方法 (>>5) も、
(他に適当な呼称がないためもあってか) まとめて [[favicon]]
と呼ばれています。
書くだけで読まれることはあまりないのですが、
敢えて発音する場合は[Q@en[ファビコン]]と読むことがあり、
そう[[片仮名]]で表記している人もいます。
稀に、省略する前の [Q@en[favorite icon]] と呼ばれることもあります。
また、その日本語訳[Q[お気に入りアイコン]]と呼ばれることもたまにあるようです。
([[名無しさん]] [WEAK[2006-03-15 15:16:17 +00:00]])
[[#comment]]
** /favicon.ico
[2] [[WinIE]] は、サーバーの ''/favicon.ico''
を、[[お気に入り]]に追加したタイミングなどに見に行きます。
- [34] [[Chimera]] もこれをみにいくそうです。 <http://www001.upp.so-net.ne.jp/obapoo/nikki/chimera01.html>
- [36] [[emacs-w3m]] もみにいきます。 <http://emacs-w3m.namazu.org/ml/msg02365.html>
[[#comment]]
** /*/favicon.ico
[4] 実装初期の WinIE はルートだけじゃなくて
''http://foo.invalid/bar/foo/bar'' の場合
''http://foo.invalid/bar/foo/favicon.ico'' →
''http://foo.invalid/bar/favicon.ico'' →
''http://foo.invalid/favicon.ico''
を順に見に行ったという話もありますが、確認できません。
- [26] >>25 には >>4 の話があります。公式情報ですから、昔の WinIE にはあったけど削られたんでしょう。
- [27] 今でも同じ階層の favicon.ico は見に行くという話がありますが、確認できませんでした。
[[#comment]]
* HTML の link 要素で指定
[5] WinIE は >>2 の方法を試す前に、当該 [[HTML]]
文書が次の例のような [[link要素]]を持っていると、
それを使います。
[PRE[
<link rel="shortcut icon" href="icon-name.ico">
]PRE]
[6] "shortcut icon" は大文字でも小文字でも良いようです。
WinIE の後を追った実装は "icon" だけを識別に使っています。
(HTML 的にもその方が整合性があります。)
WinIE で "icon" だけとかだとどうなるかはわかりません。
- [17] Mozilla では "icon" で OK
- [22] 2002-11-04 (月) 18:54 ''>>6'' WinIE 5.5 では ICON だけだと駄目ですた。
- [58] リンク先ファイル名は、 WinIE のことを考えるなら [CODE[.ico]] で終わる方がいいです。特に[[内容折衝]]を使っている場合、 WinIE がうまく取得できないことがあります。 (favicon.ico に限らずどんなものでも起こる問題です。単に WinIE がへぼいだけです。。。)
[64]
[[Windows]] の[CODE(fule)@en[.[[ico]]]]の場合は、[[媒体型]]を[CODE(MIME)@en[[[image/vnd.microsoft.icon]]]]にしておく必要があります。
[[Apache]]の場合は、[CODE(file)@en[[[.htaccess]]]]などで
[PRE(example)[
[[AddType]] [[image/vnd.microsoft.icon]] .[[ico]]
]PRE]
とすればおk。
([[名無しさん]])
[66]
[CODE(HTML)@en[[[shotcut icon]]]] という間違った[[リンク型]]が少なからずつかわれているようです。
<IW:Google:"shotcut icon"> でもそれなりに間違った解説が見つかります。
実際に間違った記述をしている文書もそれなりにあるようです。
([[名無しさん]] [WEAK[2006-07-29 03:14:45 +00:00]])
[[#comment]]
* 絵の形式
[7] WinIE は、 16×16 の Windows [[ico形式]]でないと使ってくれません。色数とかにも制限があったっけ。
[8] >>7 は Windoze べったりなんで、 WinIE 以外の実装では他の形式が使えたりもします。
- [16] Mozilla では [[PNG]] でも OK.
- [19] IE も Mozilla も、 [[PNG]] と [[BMP]] に対応しているという情報があります。
- [20] >>19 大きさはいずれも16×16, 256色でないといけません。 (ico のときは、他の大きさ・色数も含んでいてもいい。)
- [21] 2002-11-04 (月) 18:54 ''>>19'' WinIE 5.5 でやってみましたが ICO じゃないと駄目ですた
- [32] 2002-11-04 (月) 20:27 ''[[名無しさん]]'' WinIE で、 [[BMP]] のファイル名を *.ico にかえて、表示されないと嘆く人が多い見たいですが、それではうまくいきません。 [[ico形式]]にしましょう。
- [46] Mozilla ではなんと [[MNG]] でも OK。ちゃんと動きます!
- [47] Mozilla は他に
- [48] [[GIF]] にも一応対応しています。動画 GIF も動くようです。まあ GIF なんてお勧めはしませんがね。
- [50] Mozilla は [[JPEG]] にも対応しています。つまりどの画像形式でもいいんですね。将来 Mozilla 本体が新しい形式に対応したらそれにも対応するのかもしれません。
- [52] 忘れてましたが Moz では [[XBM]] でも OK
- [53] [WEAK[2003-01-27 18:03]] ''[[名無しさん]]'': [[Mozilla]] ではどんな大きさでも縮小してくれるみたいです。
* 処理
[100] [CODE(HTML)@en[icon]] の処理を何時の時点で行うべきかについて、
[[HTML Standard]] は明確にしていません。
[95] [[文書]][VAR[文書]]に[[リンク型]]が [CODE(HTML)@en[icon]] の[[リンク]]がない場合、
[[並列に]]、次のようにすることができます [SRC[>>92]]。
[FIG(steps)[
= [96] [VAR[文書]]が [[HTTP]] か [[HTTPS]] で得られたものでなければ、ここで停止します。
= [97] 新しい[[要求]]を作成し、[[fetch]] します。
[FIG(list members)[
[FIGCAPTION[
[[要求]]
]FIGCAPTION]
: [F[URL][要求のURL]] : [CODE[/favicon.ico]] を[VAR[文書]]の[F[番地][文書の番地]]について[[URLの解決]]を行った結果
: [F[クライアント]] : [VAR[文書]]の [F[[CODE(DOMi)@en[Window]]]] の[F[環境設定群オブジェクト]]
: [F[型][要求の型]] : [CODE[image]]
: [F[終点][要求の終点]] : [CODE[image]]
: [F[同期フラグ]] : [[真]]
: [F[credentialsモード]] : [CODE[include]]
: [F[URL credentials利用フラグ]] : [[真]]
]FIG]
[VAR[続きの処理]]は、 >>98 とします。
]FIG]
[98] [[fetch]] により得られた[[応答]][VAR[応答]]の処理は、次のようにします [SRC[>>92]]。
[FIG(steps)[
= [99] [VAR[応答]]の[F[非安全応答]]を、 [CODE(HTML)@en[icon]] で指定されたものとみなして処理します。
]FIG]
* 実装
- [9] Internet Explorer (Windows) (何版からでしたっけ?)
- [10] [[Mozilla]] (Mxx から)
- [11] [[emacs-w3m]]
- [12] [[Gnome]] かなんかに付属のブラウザが実装してたような。
- [13] 2002-11-04 (月) 18:27 ''>>9'' IE5 から。
- [18] >>10 0.9.6 からだそうです。
- [29] 最初期の WinIE では favicon.ico に悪意の code を仕掛けれる security hole があって、すぐに patch が出たそうです。
- [33] MacIE5 にはついてません。
- [37] 2002-11-04 (月) 20:48 ''>>10'' 従いまして、 [[Netscape]] 7 も実装しています。
- [38] 2002-11-04 (月) 21:04 ''>>12'' [[gnome]] じゃなくて [[KDE]] の [[konqueror]] ですか。
- [41] [WEAK[2002-12-01 (日) 11:44]] ''[[名無しさん]]'': [[Opera]] 6.05 ([[Win32]]) はまったく対応していない気がします。
- [42] [[emacs-w3m]]: 画像が表示可能な [[emacsen]] が必要ですね。 (最近ではもしかして [[bitmap]] があればいい?) [WEAK[(2002-12-03 (火) 20:49)]]
- [44] [[名無しさん]]: [[galeon]]: [WEAK[(2002-12-27 20:59)]]
- [49] [[名無しさん]]: Mozilla: URI 欄の横やタブを使っている時はタブの端に表示されます。 [WEAK[(2003-01-11 16:36)]]
[[#form:'%text(label=>名前,id=>name);%text(label=>実装名,id=>agent);%text(id=>comment,size=>20);':'-[%index;] %name(suffix=>": ");%text(source=>agent,suffix=>": ");%text(source=>comment); [WEAK[(%date;)]]']]
** キャッシュ
- [28] WinIE のこの絵のキャッシュの仕組みは謎で、検索すると幾多の解析結果が出てきます。関係するものとしては、次のものが挙げられています。
-- ([[インターネット一時ファイル]])\*\*.ico
-- [[%windir%]]\[[ShellIconCache]]
- [61] URI のファイル名部分がキャッシュ・データベースのキーに使われてるから、同じファイル名 (とりわけ [CODE[favicon.ico]]) だと修正しても反映されないとか他のサイトと混じるとかいう意味不明な現象が起こるのだ、という説があります。真偽の程は分かりませんが、メカニズムはなんとなく納得がいきます。けど、幾ら何でも WinIE 開発チームはそんなこと ([CODE[favicon.ico]] anywhere!) も気づかないほど間抜けとは思えません。
[69]
[CITE[A blog? with Σαιτω - Opera - favicon]] ([TIME[2007-10-06 16:23:49 +09:00]] 版) <http://d.hatena.ne.jp/saiton/20071003/1191401047>
([[名無しさん]])
[[#comment]]
* メモ
- [15] ''Internet Explorer 5 に備えて: Web サイト制作者のための Tips'' から、 ''お気に入りを目立たせる'' <http://www.microsoft.com/japan/msdn/web/ie/ie50/icpie5.asp>
- [23] ''favicon.ico を使ってサイトを目立たせよう!'' <http://www16.u-page.so-net.ne.jp/xb4/katsumi/os/windows/favicon/>
- [25] ''[IE5] お気に入りに表示されるアイコンをカスタマイズする'' <http://support.microsoft.com/default.aspx?scid=kb;ja;JP415022>
- [39] ''Shortcut Icon (favicon) おぼえがき'' <http://www.remus.dti.ne.jp/~a-satomi/nikki/2002/12a.html#d01n01>
- [40] ''favicon.ico'' の [[MIME]] や [[HTTP]] などにおける[[媒体型]]について: [[ico形式]>>4]
- [45] [[HTML+]] の [[DTD]] <http://www.w3.org/MarkUp/htmlplus_paper/htmlplus.dtd>。驚くべきことに、 [CODE[<META NAME="Document-Icon" CONTENT="uri://of/icon">]] で icon in the hotlist and history list を指定するという、まさに現在の favicon に相当するものが説明されています (1994年!)。
- [51] ''Favicon.com - custom icons for your website!'' <http://www.favicon.com/> favicon で商売しているらしいですが、 favicon.com の名に恥じないだけの技術情報をちゃんと提供していて、商売一色でない辺りには好感が持てますね。 (とはいっても この WikiPage の方が情報は多いです:))
- [54] [[SuikaWiki]] での favicon については [[WikiIcon]] を参照。
- [55] >>15,>>23 目立つのは他の項目と違ったアイコンを使っているからで、(ry
- [56] >>51 こっちは情報は多いが整理されてないからな。
- [57] >>56 お前がしる!
- [59] ''アイコンでアクセスアップ'' <http://www.neodevice.com/favicon/> 厨房にはわかりやすい・・・のかな。ちゃらちゃらしてるし豆粒で目によくないし、内容も大して無いのでお勧めしませんが。
- [60] >>59 に限らず、この手の紹介サイトってなぜか、 [CODE(JS)[window.external.AddFavorite()]] もセットで紹介してますよね。 M$ が同時に実装したせいですか? 両方ともお気に入り関連ってだけでさしたる関係も見えないけどなあ。
- [62] >>45 その次に登場したのが、 [[WebTV]] の [[body]] 要素の [[logo]] 属性。
- [63] で、 [CODE[google.ico]] って一体何よ? 検索しても日本語では情報無し。
[67]
[CITE@en[Favicon - Wikipedia, the free encyclopedia]] ([CODE[2007-01-12 22:01:47 +09:00]] 版) <http://en.wikipedia.org/wiki/Favicon>
([[名無しさん]])
[68]
[CITE@en[jeff's WebLog : why doesn't the favicon for my site appear in IE7?]] ([CODE[2007-03-07 21:08:59 +09:00]] 版) <http://blogs.msdn.com/jeffdav/archive/2007/03/01/why-doesn-t-the-favicon-for-my-site-appear-in-ie7.aspx>
([[名無しさん]] [WEAK[2007-03-07 12:10:08 +00:00]])
[70] [CITE@ja[Favicon - Wikipedia]] ([TIME[2009-12-27 11:23:10 +09:00]] 版) <http://ja.wikipedia.org/wiki/Favicon#.E6.A8.99.E6.BA.96.E5.8C.96.E5.95.8F.E9.A1.8C>
>
これは最初W3Cの勧告に従わない形式であり、次の点が問題とされた。
- ICOフォーマットにはIANAに登録されたMIMEタイプの割り当てがないため、多くのブラウザはFaviconとして指定されたファイルの種類を解析することが出来ない。
- rel属性に半角スペースを含むため、二つの属性値として解釈されウェブブラウザを混乱させる。
- link要素はドキュメントのナビゲーション情報を示すWorld Wide Webのアーキテクチャとして知られており、link要素でFaviconを指定する用法は標準仕様に反する。
なにこれ? ほとんど言いがかりじゃないの? こんなの本当に当時問題視されたんだろうか。 (されたとしても一部の人が反対意見を表明した程度なんじゃないの?)
脳内ソースによると当時大きく問題になったのはプライバシーで、技術的な問題は全然指摘されなかったと思うし、ここで挙げられている3点はいずれも正しくない。
[71] [CITE[IEはURLショートカットファイル(お気に入り)を作るときfaviconをNTFS代替ストリームに保存している - NO UIHARU, NO LIFE. - subtech]]
([TIME[2010-04-01 16:58:06 +09:00]] 版)
<http://subtech.g.hatena.ne.jp/mayuki/20100331/1270012707>
[72] [CITE@en[Web Applications 1.0 r5904 mention /favicon.ico]]
( ([TIME[2011-02-17 11:23:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=5903&to=5904>
[73] [CITE[IRC logs: freenode / #whatwg / 20110518]]
( ([TIME[2011-05-21 15:18:09 +09:00]] 版))
<http://krijnhoetmer.nl/irc-logs/whatwg/20110518>
[74] [CITE@en[Web Applications 1.0 r8558 rel='shortcut icon' requirement changes; extra sample table for sorting]]
( ([TIME[2014-04-01 13:40:00 +09:00]] 版))
<http://html5.org/tools/web-apps-tracker?from=8557&to=8558>
[75] [CITE@en[Fun with Favicons - IEInternals - Site Home - MSDN Blogs]]
( ([TIME[2014-07-29 12:55:58 +09:00]] 版))
<http://blogs.msdn.com/b/ieinternals/archive/2013/09/08/internet-explorer-favicons-png-link-rel-icon-caching.aspx>
[76] [CITE@en[Web Applications 1.0 r8558 rel='shortcut icon' requirement changes; extra sample table for sorting]]
([TIME[2014-04-01 13:40:00 +09:00]] 版)
<https://html5.org/r/8558>
[FIG(quote)[
[FIGCAPTION[
[77] [CITE@en[Make your site shine in Speed Dial - Dev.Opera]]
([TIME[2015-03-22 00:53:58 +09:00]] 版)
<https://rawgit.com/operasoftware/devopera-static-backup/master/http/dev.opera.com/articles/view/opera-speed-dial-enhancements/index.html#setanicon>
]FIGCAPTION]
> Specifying a Speed Dial icon is very similar to specifying a shortcut icon. Just add a <link> tag in the head section of your document.
> <link rel="icon" type="image/png" href="http://path/to/logo.png">
> Speed dial icons must be:
> -At least 114 pixels wide by 114 pixels high. This is the default minimum icon size and icons smaller than this will be ignored.
> -A PNG, JPEG or GIF image. SVG images aren't yet supported. Only the first frame of an animated image will be used.
> As an aside, Opera 11.10 does have legacy support for apple-touch-icon, apple-touch-icon-precomposed and image_src.
]FIG]
[78] [CITE@en[366324 – SVG site icons (favicons, shortcut icons) support]]
([TIME[2015-04-17 09:36:18 +09:00]] 版)
<https://bugzilla.mozilla.org/show_bug.cgi?id=366324>
[FIG(quote)[
[FIGCAPTION[
[79] [CITE@en[Safari 9.0]]
([TIME[2015-06-15 11:57:42 +09:00]] 版)
<https://developer.apple.com/library/safari/releasenotes/General/WhatsNewInSafari/Articles/Safari_9.html#//apple_ref/doc/uid/TP40014305-CH9-SW20>
]FIGCAPTION]
> <link rel="icon" sizes="any" mask href="website_icon.svg">
]FIG]
[80] [CITE@en[''''''[''''''whatwg'''''']'''''' Apple's new <link rel="icon" mask> not-quite-favicon syntax causing problems in other browsers; needs standardization?]]
([[Daniel Holbert]] 著, [TIME[2015-06-15 09:40:14 +09:00]] 版)
<https://lists.w3.org/Archives/Public/public-whatwg-archive/2015Jun/0011.html>
[81] [CITE[Webサービスで便利!faviconをpng画像として取得出来るGoogleのAPI | 9ensanのLifeHack]]
([TIME[2014-11-15 00:59:45 +09:00]] 版)
<http://9ensan.com/blog/webservice/favicon-google-api/>
[82] [CITE[Issue 294179 - chromium - support svg favicon - An open-source project to help move the web forward. - Google Project Hosting]]
([TIME[2015-06-25 20:59:46 +09:00]] 版)
<https://code.google.com/p/chromium/issues/detail?id=294179>
[83] [CITE[SVG favicon support. | Microsoft Connect]]
([TIME[2015-06-25 21:00:28 +09:00]] 版)
<https://connect.microsoft.com/IE/feedback/details/782416/svg-favicon-support>
[84] [CITE@en[Bug 136059 – SVG favicon support]]
([TIME[2015-06-25 21:00:56 +09:00]] 版)
<https://bugs.webkit.org/show_bug.cgi?id=136059>
[85] [CITE@en[366324 – SVG site icons (favicons, shortcut icons) support]]
([TIME[2015-06-25 21:01:08 +09:00]] 版)
<https://bugzilla.mozilla.org/show_bug.cgi?id=366324>
[86] [CITE[IRC logs: freenode / #whatwg / 20150728]]
([TIME[2015-07-29 12:51:46 +09:00]] 版)
<http://krijnhoetmer.nl/irc-logs/whatwg/20150728#l-723>
[FIG(quote)[
[FIGCAPTION[
[87] ([TIME[2015-08-08 14:46:28 +09:00]] 版)
<https://twitter.com/>
]FIGCAPTION]
>
> <meta name="msapplication-TileImage" content="//abs.twimg.com/favicons/win8-tile-144.png"/>
> <meta name="msapplication-TileColor" content="#00aced"/>
> <link rel="icon" sizes="any" mask href="https://abs.twimg.com/a/1438866985/img/t1/favicon.svg">
> <meta name="theme-color" content="#55acee">
> <link href="//abs.twimg.com/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon">
]FIG]
[FIG(quote)[
[FIGCAPTION[
[88] [CITE@en[Safari 9.0]]
([TIME[2015-08-08 14:52:34 +09:00]] 版)
<https://developer.apple.com/library/safari/releasenotes/General/WhatsNewInSafari/Articles/Safari_9.html#//apple_ref/doc/uid/TP40014305-CH9-SW20>
]FIGCAPTION]
> Note: This markup should be placed before other <link rel="icon"> elements to avoid compatibility issues with existing icons.
]FIG]
[89] [CITE@en[Re: ''''''[''''''whatwg'''''']'''''' A mask="" advisory flag for <link rel=icon>]]
([[Maciej Stachowiak]] 著, [TIME[2015-06-17 15:37:25 +09:00]] 版)
<https://lists.w3.org/Archives/Public/public-whatwg-archive/2015Jun/0059.html>
[90] [CITE@en[Re: ''''''[''''''whatwg'''''']'''''' A mask="" advisory flag for <link rel=icon>]]
([[Maciej Stachowiak]] 著, [TIME[2015-06-25 06:36:34 +09:00]] 版)
<https://lists.w3.org/Archives/Public/public-whatwg-archive/2015Jun/0115.html>
[91] [CITE@en[Integrate Fetch into HTML · whatwg/html@7c5555a]]
([TIME[2015-09-18 18:53:09 +09:00]] 版)
<https://github.com/whatwg/html/commit/7c5555a16f2920c02244c10756bb2f1a11e87a22>
[FIG(quote)[
[FIGCAPTION[
[93] [CITE@en[Safari 9.0]]
([TIME[2015-11-04 23:28:39 +09:00]] 版)
<https://developer.apple.com/library/safari/releasenotes/General/WhatsNewInSafari/Articles/Safari_9.html#//apple_ref/doc/uid/TP40014305-CH9-SW20>
]FIGCAPTION]
> inned sites allow your users to keep their favorite websites open, running, and easily accessible.
> You can set the pinned tab icon for your site by providing a vector image. Use an SVG image with a transparent background and 100% black for all vectors. Add the following markup to all your pinnable webpages, replacing "website_icon" with your own file's name:
> <link rel="mask-icon" href="website_icon.svg" color="red">
> In the example, the color attribute sets the display color of the image. That attribute can specify a single color with a hexadecimal value (#990000), an RGB value (rgb(153, 0, 0)), or a recognized color-keyword, such as: red, lime, or navy.
]FIG]
[94] [CITE@en[Allow <link> in body for external resource links by igrigorik · Pull Request #616 · whatwg/html]]
([TIME[2016-03-04 21:45:26 +09:00]] 版)
<https://github.com/whatwg/html/pull/616>
[FIG(quote)[
[FIGCAPTION[
[101] ([TIME[2016-04-18 15:22:20 +09:00]] 版)
<http://www.r-store.jp/newarrival>
]FIGCAPTION]
>
> <link rel="Shortcut Icon" type="image/x-icon" href="images/favicon.ico" />
>
]FIG]
[FIG(quote)[
[FIGCAPTION[
[102] ([TIME[2016-04-25 13:03:43 +09:00]] 版)
<https://www.fullspeed.co.jp/>
]FIGCAPTION]
>
> <link href="/common/img/favicon.ico" type="image/x-icon" rel="icon" />
> <link href="/common/img/favicon.ico" type="image/x-icon" rel="shortcut icon" />
> <link href="/common/img/apple-touch-icon.png" rel="apple-touch-icon" />
]FIG]
[FIG(quote)[
[FIGCAPTION[
[103] ( ([TIME[2016-05-11 17:00:29 +09:00]]))
<http://prtimes.jp/>
]FIGCAPTION]
>
> <meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1">
> <meta name="viewport" content="width=1250">
> <link rel="apple-touch-icon" sizes="114x114" href="/common/v4.1/images/html/favicon/apple-touch-icon-114x114.png">
> <link rel="apple-touch-icon" sizes="120x120" href="/common/v4.1/images/html/favicon/apple-touch-icon-120x120.png">
> <link rel="apple-touch-icon" sizes="144x144" href="/common/v4.1/images/html/favicon/apple-touch-icon-144x144.png">
> <link rel="apple-touch-icon" sizes="152x152" href="/common/v4.1/images/html/favicon/apple-touch-icon-152x152.png">
> <link rel="apple-touch-icon" sizes="180x180" href="/common/v4.1/images/html/favicon/apple-touch-icon-180x180.png">
> <link rel="apple-touch-icon" sizes="57x57" href="/common/v4.1/images/html/favicon/apple-touch-icon.png">
> <link rel="apple-touch-icon" sizes="60x60" href="/common/v4.1/images/html/favicon/apple-touch-icon-60x60.png">
> <link rel="apple-touch-icon" sizes="72x72" href="/common/v4.1/images/html/favicon/apple-touch-icon-72x72.png">
> <link rel="apple-touch-icon" sizes="76x76" href="/common/v4.1/images/html/favicon/apple-touch-icon-76x76.png">
> <link rel="icon" type="image/png" href="/common/v4.1/images/html/favicon/favicon-192x192.png" sizes="192x192">
> <link rel="icon" type="image/png" href="/common/v4.1/images/html/favicon/favicon-196x196.png" sizes="196x196">
> <link rel="icon" type="image/png" href="/common/v4.1/images/html/favicon/favicon-24x24.png" sizes="24x24">
> <link rel="shortcut icon" type="image/png" href="/common/v4.1/images/html/favicon/favicon.ico">
> <meta name="msapplication-square150x150logo" content="/common/v4.1/images/html/favicon/mstile-150x150.png" />
> <meta name="msapplication-square310x310logo" content="/common/v4.1/images/html/favicon/mstile-310x310.png" />
> <meta name="msapplication-square70x70logo" content="/common/v4.1/images/html/favicon/mstile-70x70.png" />
> <meta name="msapplication-TileColor" content="#27476E">
> <meta name="msapplication-TileImage" content="/common/v4.1/images/html/favicon/mstile-144x144.png">
>
]FIG]
[FIG(quote)[
[FIGCAPTION[
[104] ( ([TIME[2016-05-24 22:06:59 +09:00]]))
<https://medium.com/mediumjp/medium%E3%81%AEpublications%E6%A9%9F%E8%83%BD%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%83%A1%E3%83%87%E3%82%A3%E3%82%A2%E7%AB%8B%E3%81%A1%E4%B8%8A%E3%81%92%E3%82%8B%E3%81%AE%E6%A5%BD%E3%81%97%E3%81%99%E3%81%8E%E3%83%AF%E3%83%AD%E3%82%BF%EF%BD%97-54cf4b70498d#.kc4drc3o0>
]FIGCAPTION]
> <link rel="mask-icon" href="https://cdn-static-1.medium.com/_/fp/icons/favicon.KjTfUJo7yJH_fCoUzzH3cg.svg" color="#171717">
]FIG]
[105] [CITE@en[Use URL's HTTP(S) scheme concept and define rel=icon better]]
( ([[annevk]]著, [TIME[2016-05-26 21:59:00 +09:00]]))
<https://github.com/whatwg/html/commit/a932f7dfd5e50101db47a373cee27b04ed108934>
[106] [CITE@en[Align Fetch's destination concept with changes in Fetch]]
([[sideshowbarker]]著, [TIME[2016-07-05 02:46:14 +09:00]])
<https://github.com/whatwg/html/commit/5e8f96a85d182d36c177db0d6fdde58b4ded86d4>
[FIG(quote)[
[FIGCAPTION[
[107] [CITE[ios - (How) Can a web site determine if Safari Private Browsing is turned on? - Ask Different]]
([TIME[2016-07-10 13:15:48 +09:00]])
<http://apple.stackexchange.com/questions/131587/how-can-a-web-site-determine-if-safari-private-browsing-is-turned-on>
]FIGCAPTION]
> I have noticed that while in private Browsing mode, Safari will not request favicons, so in theory a site could block caching of the favicon and make a pretty good guess that Private Browsing is on.
> In contrast, on iOS, Safari doesn't request favicons at all. But it will, even in Private Browsing mode, request any "apple-touch-icon" if you access the Sharing panel (the apple-touch-icon is used as the Home Screen icon if you subsequently "Add to Home Screen" for that URL).
]FIG]