网站为什么有2个指向favicon的链接？

11

我正在查看的网站具有指向其网站图标的以下2个链接：

<link rel="shortcut icon" type="image/ico" href="/webmasters//_assets960/media/favicon.ico" />

<link rel="icon" href="/webmasters//favIcon.ico"/>

问题：您为什么有理由以这两种略有不同的方式两次指定图标？

favicon

— 埃文斯
source

4

我看不出关闭投票的原因。措词也许并不完美，但这是一个合理的问题：是否有充分的理由为什么要以这两种略有不同的方式两次指定图标？

— TJ Crowder

5

就像网络上所有奇妙的事物一样，IE似乎是其中的原因：

快捷方式不是有效的HTML，仅适用于IE

也有用：msdn.microsoft.com/en-us/library/ms537656(v=vs.85).aspx

— TJ Crowder

这不是真的！该<link rel="shortcut icon"...用于HTML4.01只会验证，使用W3C验证器，如果你don'trust进行检查。此外，HTML5规范仍在开发中，因此我们尚不知道是否将其包括在内。这StackExchange网站使用<link rel="shortcut icon"...过

— 马可Demaio

3

原因是与Internet Explorer兼容。rel="icon"是在HTML5或IE以外的任何其他浏览器中完成的方式。

— 马特
source

好的链接。根据链接，只有第一个可以工作。（也许他们明确希望发送兼容的浏览器作为第一个浏览器，也许根本没有发送/favIcon.ico……）

— TJ Crowder

0

确实不需要这两行。您只需要在根目录中放置一个favicon.ico文件，就可以了。您可以包括上述类似的代码，以允许该图标在页面完成加载之前加载，但这并不重要。看起来上面讨论的代码是出于混乱而创建的。

— 本·霍夫曼
source

1

好吧，基本上没有必要。这是默认行为。但是该链接可用于覆盖该链接并指示特定图标。这可以用于使不同的页面/部分/任何站点使用不同的图标。这很罕见，但是是一个有效的用例。

— 苏

0

以下行适用于所有浏览器：

<link rel="shortcut icon" href="http://www.your-site-domain/favicon.ico">

这是StackExchange网站也使用的唯一一行（请参阅此页面源代码）

<link rel="shortcut icon" href="http://cdn.sstatic.net/webmasters/img/favicon.ico">

注意：Favicon的完整http路径对于在IE中显示图标是必需的，在所有其他浏览器中，您不需要完整的http路径。

— 马可·德马约
source