favicon - favicon.ico 是否需要驻留在 index.html 的同一目录中？

Question

我已经在使用添加 favicon 的标准方法：

<link rel="icon" type="image/gif" href="/graphics_card/favicon.gif">
<link rel="shortcut icon" href="/graphics_card/favicon.ico">

所以 favicon.gif 和 .ico 都应该驻留在

/graphics_card

但是，我发现 IE 8（或其他 IE）无法显示它，（更新：无论我按了多少次 CTRL-F5，或清除浏览器缓存），但只要 .ico 文件出现在其中index.html 所在的目录，然后它将显示。

所以如果是

http://www.example.com/graphics_card/nvidia/index.html

需要有一个 favicon.ico

/graphics_card/nvidia/

也。我最终将其指定为

<link rel="icon" type="image/gif" href="/graphics_card/favicon.gif">
<link rel="shortcut icon" href="favicon.ico">

只需在该目录中放置一个 favicon.ico 即可。这是标准方式吗？

Answer 1

不，如果你在标签中指定它，你可以把它放在任何地方。但是，对于IE，您需要提供完全限定的 URL（即不是相对 url）。

Answer 2

您可以将它放在其他任何地方并使用<link>标签来引用它。 例如

<link rel='shortcut icon' href='/images/favicon.ico' type='image/x-icon' />

然而，最好将它放在域根目录上，例如http://example.com/favicon.ico，因为现代浏览器在加载页面时实际上会调用该文件以首先加载图标。