icon图标地址栏收藏夹显示代码

Shortcut Icon 就是在网站地址的前面出现的那个小图标。

想要让你的网站显示个性图标，首先需要制作个icon的图标（用PS自己做或者用在线的制作），
其次需要在页面的“<head></head>”间添加如下代码：

Html代码

<!--可以在收藏夹中显示出图标-->
<link rel="Bookmark"  type="image/x-icon"  href="favicon.ico"/>
<!--可以在地址栏中显示出图标-->
<link rel="icon"  type="image/x-icon" href="favicon.ico" />
<link rel="shortcut icon"  type="image/x-icon" href="favicon.ico" />

注意点：

一般ICON的分辨率是16*16，大小1-2k，建议不宜过大
href也可以是绝对路径或URL 比如：href="/favicon.ico" href="http://www.ownju.com/favicon.ico"
当favicon.ico被置于文档根目录时，将会被一些不处理link元件的浏览器找到，即使站点上没有指向它的链接
把图标命名为favicon.ico 一般不用写link就可以应用于站点下的每一个页面文件
favicon.ico不是必须要放在根目录，名称也可以自己定义，只是在link中具体的href对应好即可

PS：如果你已经安装上面介绍的步骤更新到网站目录以后，用IE仍然不显示小图标，问题很可能出在缓存的历史记录上。
请选择选择Internet选项，删除浏览历史记录，重新刷新页面一般即可解决。

icon图标地址栏收藏夹显示代码相关推荐

#网站图标、地址栏图标、收藏夹图标、favicon.ico
本文关键词:网站图标.地址栏图标.收藏夹图标相关链接: 百度百科:favicon.ico 关于shortcut icon和icon代码的区别介绍一.favicon.ico的显示的位置: 1.在地址 ...
html网页收藏夹小图标,在网页标题栏上和收藏夹显示网站logo的实现方法
在网页标题栏上和收藏夹显示网站logo的实现方法发布时间:2016-03-16 15:30:32 作者:佚名我要评论下面小编就为大家分享一篇在网页标题栏上和收藏夹显示网站logo的实现方 ...
Ubuntu18.04 同一个程序显示两个图标，收藏夹图标不合并问题解决
一.同一个程序运行时的窗口图标与收藏夹图标不合并的问题: 在网上看到了很多都在复制粘贴别人的内容,都是让添加StartupWMClass,有时候这样并不会生效,另外收藏夹的图标添加有两种情况: 1)从 ...
关于地址栏收藏夹的图标
为什么我把图表放到根目录后无论刷新多少次主页,图表都没有在地址栏中显示出来注:此时我还没有把主页加入收藏夹当我把主页加入收藏夹后,一刷新图标就出来了为什么?God tell me 还有maxt ...
如何给网站设置自定义图标（标签页显示，收藏夹显示）
在 PC 浏览器上显示网站图标方法1: 在网站根目录下准备一张名为 favicon 的图片,图片格式为 ico . 图片像素的最小尺寸为:16*16 使用这种方式,网页会自动选取这张图片作为图标,并 ...
兼容FF/IE的添加收藏夹的代码
偶然在一个国外的站上看到的,收藏了. 脚本代码如下: <script type="text/javascript"> function addbookmark() { ...
Chrome 浏览器创建网站快捷方式（加入收藏夹）代码
大家都知道,Chrome 浏览器是不支持 JS 代码将网站加入收藏夹|加入书签的,但是这个代码可以将网站以快捷方式(加入收藏夹|加入书签)的方式将网站放在用户桌面上,这样也方便用户日后访问网站,此方法 ...
javascript 设为首页 | 加入收藏夹 JS代码
我们介绍一个可兼容所有浏览器的加入收藏代码代码,大概原理是这样的我们根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器,根据浏览器是否支持加入收藏js命令, ...
精品js Firefox 加入收藏夹功能代码兼容Firefox 和 IE等各种浏览器
<a href='http://www.domain.com' onClick="javascript:window.external.AddFavorite('http://www. ...

icon图标地址栏收藏夹显示代码

icon图标地址栏收藏夹显示代码相关推荐

最新文章

热门文章

icon图标 地址栏 收藏夹显示 代码

icon图标 地址栏 收藏夹显示 代码相关推荐

最新文章

热门文章

icon图标地址栏收藏夹显示代码

icon图标地址栏收藏夹显示代码相关推荐