码迷,mamicode.com
首页 > Web开发 > 详细

网站favicon图标的显示问题

时间:2018-06-19 13:57:57      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:图标   short   地址   页面   目录   shortcut   一个   研究   nbsp   

今天在微信开发者工具发现一个错误,说是找不到favicon.ico这个文件。
这个就是标签式浏览器显示在页面title前面的小图标,移动端也没什么用,所以一直没在意,今天有空就研究了一下,发现还是有点问题的。
 
首先用一些在线制作工具,选择16*16或者32*32的大小,生成的文件命名为 favicon.ico 放置在网站根目录下。
 
然后页面head标签内加入以下代码,href的值是文件的绝对地址。
<link rel="icon" href="../favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
 
然而在我完成了这些之后,还是没有成功显示在浏览器中,当我将文件地址改为页面同级地址 "img/favicon.ico" 时就显示出来了,应该就是顶级域名跳转的配置导致。

 

网站favicon图标的显示问题

标签:图标   short   地址   页面   目录   shortcut   一个   研究   nbsp   

原文地址:https://www.cnblogs.com/xiyouchen/p/9197937.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!