普歌-赤道团队:html网页制作favicon页面,图片存在网页显示

favicon是制作页面时提高权重的基本手段,但在插入favicon图片时,明明有图片,却无法显示

一.报错页面

二.解决方案

三.原理


一.报错页面

下面展示一些 错误写法
例如小米商城:

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

结果是:小米商城案例
可见,并没有想要的图标

二.解决方案

1.你的favicon文件是否命名为favicon.ico;(文件调用名称是否错误)

2.favicon路径是否正确(正常在根目录下)

在这里插入图片描述
如果不理解路径问题,看下表:
在这里插入图片描述

3.把www去掉

如果是网页直接调用地址(如:www.xxx.com/favicon.ico,)等等。去掉www。

三.原理

  1. 文件名称错误
  2. 路径不清楚导致错误
  3. 顶级域名跳转错误

一个前端小白,希望能帮你解决问题

  • 作者:刘港辉
  • 本文源自:《普歌-赤道团队:html网页制作favicon页面,图片存在网页显示》
  • 本文版权归作者所有,欢迎转载。

猜你喜欢

转载自blog.csdn.net/weixin_51992868/article/details/113605581