Edit

Page

Page title:

Page body:

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

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

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

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

[1] [CITE@en[Allow <link rel=mask-icon color>]]
([[XhmikosR]]著, [TIME[2017-03-03 18:09:27 +09:00]])
<https://github.com/whatwg/html/commit/ca61254f5d9fe3e8af5566a095393203e3a99389>

[2] [CITE@en[Fix incorrect value space for <link>'s color="" attribute]]
([[domenic]]著, [TIME[2017-03-04 03:57:23 +09:00]])
<https://github.com/whatwg/html/commit/aa06e310a8e957e816b48201fa1e7d5af5ee6585>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)