需要添加链接标记为favicon.ico的？(Necessary to add link tag f

有没有不会自动检测favicon.ico的任何现代的浏览器？没有任何理由，添加链接标记为favicon.ico的？

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

我的猜测是，这只是必要的，如果你决定去与GIF或PNG，包括它的HTML文档中...

Answer 1:

要选择不同的位置或文件类型（例如， PNG或SVG的图标）：
一个原因可能是你想拥有的图标在特定的位置，也许在图片文件夹或某事的一致好评。例如：

<link rel="icon" href="_/img/favicon.png">

这diferent位置，甚至可能是CDN，就像SO似乎与做<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">

要了解更多有关使用诸如PNG等文件类型看看这个问题。

清除缓存的目的：
查询字符串添加到用于清除快取目的的路径：

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

网站图标都非常沉重缓存，这是一个伟大的方式，以确保刷新。

脚注约默认位置：
至于问题的第一位：所有现代浏览器将检测在默认位置的图标，所以这不是一个理由使用一个link它。

脚注有关rel="icon" ：
正如指出@ Semanino的答案，使用rel="shortcut icon"是被要求由较旧版本的Internet Explorer的老技术，但在大多数情况下，可以通过更正确更换rel="icon"指令。基于此上的文章@Semanino正确链接到相应的规范，显示一个rel的价值shortcut是不是一个有效的选项。

Answer 2:

请注意 ，这两个W3C和WHATWG 规范的HTML5规范

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

请注意“相对”属性的值！

值shortcut icon的rel属性是一个很老的Internet Explorer特定的扩展和过时。

所以请考虑就不多使用它，更新您的文件，以便它们符合标准，并且在所有浏览器中正确显示。

你可能也想看看这个伟大的职位：为rel =“快捷方式图标”认为是有害的

Answer 3:

 <link rel="icon" type="image/x-icon" href="http://example.com/favicon.ico" /> <link rel="icon" type="image/png" href="http://example.com/favicon.png" /> <link rel="icon" type="image/gif" href="http://example.com/favicon.gif" />

这一切都取决于你喜欢用哪个图像的格式！
如果你有你的网站的图标，这将是多的UX更好！

Answer 4:

我们可以添加与平台的具体尺寸的所有设备

<link rel="apple-touch-icon" sizes="57x57" href="fav_icons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="fav_icons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="fav_icons/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="fav_icons/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="fav_icons/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="fav_icons/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="fav_icons/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="fav_icons/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="fav_icons/apple-icon-180x180.png">

<link rel="icon" type="image/png" sizes="192x192"  href="fav_icons/android-icon-192x192.pn">
<link rel="icon" type="image/png" sizes="32x32" href="fav_icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="fav_icons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="fav_icons/favicon-16x16.png">