在IE8、Firefox、Opera、Safari中设置网站图标

1
1375

Firefox(+Camino),Safari和Opera中设置如下:

以上的浏览器中很容易设置,只要一个16 × 16 px的图像即可。图片的格式可以是png,jpg或者gif。在HTML的head标记里面加入下面的代码就可以实现:

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

而IE浏览器会自动在网站的根目录自动查找favicon.ico,这也就是IE的特殊之处,你必须把favicon.ico放在网站的根目录,否则将会无法显示。所以IE浏览器的话需一下代码:

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

上面的代码其他的浏览器也会识别,可以加一个判断:

1
2
3
<!--[if IE]>
    <link href="/favicon.ico" type="image/x-icon" rel="shortcut icon" />
<![endif]-->

注意如果你用严格的XHML规范,那么上面的语句是有点问题,就是shortcut icon中间的空格。 本文转自https://onedou.com[OneDou Blog] 声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0共享协议. 转载请注明https://onedou.com/[OneDou Blog]

如果设置好只后还不能显示网站图标,请你清理浏览器缓存,彻底的清理,不是简单的删除cookies,包括保存的网页之类的,最好全部打勾清理。清理后重启浏览器。

最后看看wiki中的ico格式浏览器的支持情况:

本文翻译有增删:

原文:http://greghostetler.com/2009/02/setting-up-favicons/

详细请看wiki:http://en.wikipedia.org/wiki/Favicon

1条评论

发表回复