关于link标签,引入图标走过的坑---link引入图标不显示

9 篇文章 0 订阅
3 篇文章 0 订阅

最近在做一个公司官网项目,用link标签引入ico图标。然后很奇葩的事情发生了,,,,,

在测试的时候本地测试图标能够正常显示,放到服务器上后。所有页面图标都不显示,但是单独拿出来图标路径是可以显示的,也就是路径没错。清除浏览器缓存也没效果。

代码是这样的: 

<link rel="shortcut icon" href="__TMPL__/public/images/picture/favicon.ico">

 

后来经过各种百度,最后发现是违反W3C标准。。。然后把图标放到根目录,修改指向路径,还真显示了。

注:

  1. 图标(图片)一定要放到根目录。
  2. 不要带“www”,如果带“www”,在www网址下会不显示。
  3. 需要放在<head></head>标签之间
  4. 三种写发:

             (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">

 

 

  • 6
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值