当前位置: 代码迷 >> Web前端 >> Shortcut Icon地址栏展示图标
  详细解决方案

Shortcut Icon地址栏展示图标

热度:296   发布时间:2012-10-16 09:57:37.0
Shortcut Icon地址栏显示图标

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

???想要让你的网站显示个性图标,首先需要制作个icon的图标,其次需要在页面的“<head></head>”间添加如下代码:

Html代码?
  1. <!--可以在收藏夹中显示出图标-->??
  2. <link?rel="Bookmark"??type="image/x-icon"??href="favicon.ico"/>??
  3. <!--可以在地址栏中显示出图标-->??
  4. <link?rel="icon"??type="image/x-icon"?href="favicon.ico"?/>??
  5. <link?rel="shortcut?icon"??type="image/x-icon"?href="favicon.ico"?/>??
Html代码
  1. <!--可以在收藏夹中显示出图标-->??
  2. <link?rel="Bookmark"??type="image/x-icon"??href="favicon.ico"/>??
  3. <!--可以在地址栏中显示出图标-->??
  4. <link?rel="icon"??type="image/x-icon"?href="favicon.ico"?/>??
  5. <link?rel="shortcut?icon"??type="image/x-icon"?href="favicon.ico"?/>??


注意点:

  • 一般ICON的分辨率是16*16,大小1-2k,建议不宜过大


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

  相关解决方案