加工前辈的文章 只为更好的理解及分享 --nian
引用于 ：w3c博客
favicon是favorite icon的缩写，通常会显示在浏览器收藏夹（即书签）中以及地址栏左侧。中文有译作网站头像或书签图标，此处译作网站图标。
——译者：David
当Alec Rust问及HTML5 Boilerplate项目是否可以提供切换成高DPI的favicon的时候，我才意识到我对网站图标（favorite icon），触摸图标（touch icons），和磁贴图标（tile icons）知之甚少。当我决定稍稍深究一下的时候却发现一些有趣的事情。
自从IE在1999年首次引入favicon以来，之后它就没再发生过什么变化。它们几乎总是ICO文件，并且放在网站的根目录下，如：/favicon.ico，或者在CMS系统中作为某个主题的favicon放在图片目录下，就像下面这样：
<link rel="shortcut icon" href="/path/to/favicon.ico">
传统的favicon.ico是一个16×16像素的ICO文件，通常是16位色或带alpha透明度的24位色格式。当下也有32×32像素的favicon被使用，它们在主流浏览器中会被适当地缩小。在Metro版的IE 10中，地址栏上就是使用了32×32的图标
在非IE浏览器中指定favicon时，可以不加shortcut属性
<link rel="shortcut icon" href="path/to/favicon.ico"> <link rel="icon" href="path/to/favicon.ico">
type属性可以是任意值，也可以为空。
Chrome，Firefox，Opera 7+，和Safari 4+都支持PNG格式的favicon，但是Chrome和Safari在两种格式都提供的情况下却会使用ICO格式，而且完全无视favicon的声明顺序。另一方面，IE不支持PNG格式的favicon，但是它会忽略PNG格式的声明以及声明顺序而直接使用ICO格式的favicon。
网友评论