最近在做一个公司官网项目,用link标签引入ico图标。然后很奇葩的事情发生了,,,,,
在测试的时候本地测试图标能够正常显示,放到服务器上后。所有页面图标都不显示,但是单独拿出来图标路径是可以显示的,也就是路径没错。清除浏览器缓存也没效果。
代码是这样的:
<link rel="shortcut icon" href="__TMPL__/public/images/picture/favicon.ico">
后来经过各种百度,最后发现是违反W3C标准。。。然后把图标放到根目录,修改指向路径,还真显示了。
注:
- 图标(图片)一定要放到根目录。
- 不要带“www”,如果带“www”,在www网址下会不显示。
- 需要放在<head></head>标签之间
- 三种写发:
(1):<link rel="shortcut icon" type="images/x-icon" href="favicon.ico">
(2):<link rel="shortcut " type="images/x-icon" href="favicon.ico">
(3):<link type="images/x-icon" href="favicon.ico" rel="shortcut icon">