⽹页favicon.ico图标设置（转）
可以看到在浏览器的标签头上⾯显⽰了⼀个图标，这个图标是：，也就是我们常说的favicon.ico.
由于这篇⽂章主要讨论favicon.ico，以及各个浏览器对其的不同处理，所以还是新建web项⽬如下：
home.html 代码如下：
<!DOCTYPE html>
web浏览器在哪里打开<html xmlns="/1999/xhtml">
<head>
<title>home page</title>
<link rel="icon" href="Images/wangyi.ico" type="image/x-icon" />
<link rel="shortcut icon" href="Images/wangyi.ico" type="image/x-icon" />
</head>
<body>
home page
</body>
</html>
下⾯两⾏代码就可以告诉浏览器使⽤wangyi.ico 作为home.html的图标了：
<link rel="icon" href="Images/wangyi.ico" type="image/x-icon" />
<link rel="shortcut icon" href="Images/wangyi.ico" type="image/x-icon" />
基本上所有的现代浏览器都⽀持这种写法，例如firefox，ie9.
firefox:
ie9:
可惜的是普通⽤户⽤的基本上是360浏览器，搜狗浏览器,qq浏览器等。
搜狗浏览器：
可以知道，我们在⽹站根⽬录下⾯的favicon.ico 起作⽤了，所以显⽰的是⽹站根⽬录下⾯的favicon.ico 图标。
打开360浏览器：
奇怪了，google的图标哪⾥来的。。。。
我们的faviconTestWeb 只有3个图标，⼀个是wangyi.ico.baidu.ico.favicon.ico(cnblogs的图标)。
为什么使⽤360显⽰的是google的图标？
firefox请求的是：link 的href所对应的图标。
证据就是打开360se的安装⽬录：
所以如果你的⽹站favicon.ico 不起作⽤，或者是想要让favicon.ico 的兼容性更好，要使⽤下⾯⼏个步骤：
3：如果你的⽹站带端⼝，或者是测试版本的话，那么尤其要注意360等浏览器，它们在请求favicon.ic
o 的时候会忽略端⼝号的。顺便推荐⼀篇⽂章：

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。