favicon - 所有新浏览器在加载页面时都请求 favicon？答案

【问题标题】：favicon - all new browsers request favicon while loading page?favicon - 所有新浏览器在加载页面时都请求 favicon？
【发布时间】：2012-05-29 13:40:08
【问题描述】：

所有新浏览器和移动浏览器在加载页面时向favicon.ico 发出额外请求？

从哪个版本的 Internet Explorer/Firefox 开始，这些浏览器开始请求 favicon.ico？

他们只在第一页加载或每个页面加载时这样做？

当对favicon.ico 的请求发生时：a) 页面加载时 b) 页面加载后 c) 加载页面之前？

【问题讨论】：

标签： browser favicon

【解决方案1】：

所有主流浏览器都支持 favicon.ico。您可以使用链接标签以获得最佳效果：

<link rel="shortcut icon" href="http://example.com/myicon.ico" />
它从 IE5 开始。 Firefox 大约 5 年后才发布，但 1.0 版也支持 favicon.ico。
favicon.ico的请求顺序可以通过<link>标签指定。您可以使用 Firefox 中的 Firebug 或 Safari 或 Chrome 中的 Web Inspector 来验证请求的顺序。

更多关于维基百科的信息：Favicon

【讨论】：

【解决方案2】：

woz 的上述回答是正确的。但是，现在"shortcut icon" 已被弃用，可以简单地使用"icon"，如下所示：

<link rel="icon" href="favicon.ico" />

也不是必须使用.ico 图像。所有最新的浏览器都支持 PNG 图标。您可以使用以下方法渲染它们：

<link href="favicon.ico" rel="icon" type="image/png" />

有时，浏览器的行为方式很奇怪。如果您只是在link 标签中交换rel 和href 属性的顺序，浏览器会呈现网站图标。这发生在我的一个实时托管项目中。

【讨论】：