Shortcut Icon地址栏显示图标

转自：http://hnhuaxiatang.javaeye.com/blog/792982

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

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

<!--可以在收藏夹中显示出图标-->
<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.xxx.com/favicon.ico"
当favicon.ico被置于文档根目录时，将会被一些不处理link元件的浏览器找到，即使站点上没有指向它的链接
把图标命名为favicon.ico 一般不用写link就可以应用于站点下的每一个页面文件
favicon.ico不是必须要放在根目录，名称也可以自己定义，只是在link中具体的href对应好即可

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

附录：提供在线制作icon的网站

http://www.chami.com/html-kit/services/
http://www.icomaker.net/
http://www.graphicsguru.com/favicon.php
http://www.html-kit.com/favicon

Shortcut Icon地址栏显示图标相关推荐

shortcut icon地址栏显示个性图标
转自:http://www.micmiu.com/web/shortcut-icon/ 作者: Michael日期: 2012 年 2 月 13 日发表评论 (0)查看评论 Shortcut Ico ...
el-icon-${item.icon}不显示图标
该问题主要是观察引号的区别 1.效果图 <i :class="'el-icon-${item.icon}'"></i> 2.接下来用的是~键那边的引号带来的 ...
地址栏图标更换即shortcut icon问题
为了是地址栏可以显示自己的网站图标,可以在网页添加如下代码: <link rel="SHORTCUT ICON" href="images/favicon.ico& ...
在地址栏显示网站的图标
在地址栏显示网站的图标做法: 制作一个图标文件,大小为16*16像素.文件名为favicon.ico,然后上传网站根目录中. 在HTML源文件"<head></head& ...
jsTree通过json数据初始化时，如何控制每个选项的图标（icon）显示
通过json数据控制jstree的图标(icon)样式,应该如何处理呢?要了解以下几点: 1.设置jstree图标(icon)的"总开关". 在配置jstree时,通过" ...
shortcut icon 修改浏览器标签网站图标
为什么80%的码农都做不了架构师?>>> <link rel="shortcut icon" href="favicon.ico" ...
如何在IE地址栏显示自己的小图标
1.首先下载一个ICO图标制作工具: Axialis IconWorkshop 6.10 简体中文企业版制作图标如下: 32 X 32 和16 X 16均可. 2.在.aspx ...
android e图标一会有一会没有反应,android解决菜单Menu添加Icon无效问题，让菜单同时显示图标和文字...
今天主要解决在Android 4.0 以上的系统中,在java代码中给菜单Menu动态添加Icon无效问题.本人通过尝试网上给出的涉及到菜单的源码类 MenuBuilder通过反射更改mOptiona ...
关于网页图标添加shortcut icon与icon
shortcut icon: <link rel="shortcut icon " href="favicon.ico" type="image ...

Shortcut Icon地址栏显示图标

Shortcut Icon地址栏显示图标相关推荐

最新文章

热门文章