首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Shortcut Icon地址栏展示图标

2012-10-16 
Shortcut Icon地址栏显示图标Shortcut Icon 就是在网站地址的前面出现的那个小图标。???想要让你的网站显示

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选项,删除浏览历史记录,重新刷新页面一般即可解决。

热点排行