当前位置: 代码迷 >> ASP.NET >> 网站在地址栏显示的图标,是如何显示出来的
  详细解决方案

网站在地址栏显示的图标,是如何显示出来的

热度:3147   发布时间:2013-02-25 00:00:00.0
网站在地址栏显示的图标,是怎么显示出来的?
就像下面的图片上,网站小图标 是怎么可以显示在url地址栏上的?


------解决方案--------------------------------------------------------
在地址栏显示网站的图标
做法:
制作一个图标文件,大小为16*16像素。文件名为favicon.ico,然后上传网站根目录中。
在HTML源文件“<head></head>”之间添加如下代码: 
<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 
<link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
如果是myie不用加以上代码地址栏也可以显示,自己的图标,文件名必须是favicon.ico。
?
------------------------------------------------------------------------------------
方法一: 
直接在站点根目录下放入名为:favicon.ico 的图标文件就行了(必须要为 ICO 文件,BMP 及其他格式的图片文件不行)。并且我已经测试过如用这种方法的话,其实在站点根目录放入的 ICO 文件不一定必须命名为:favicon.ico,将 favicon.ico 中的 favicon 命名为你网站域名的名称同样可行,例如你网站的域名为:blueidea.com,你可以将该 ICO 文件命名为:blueidea.ico (注意 ICO 文件的文件名只能是域名的名称:blueidea,而不是域名:blueidea.com,即不要将域名中的 .com 后缀也加进去); 
方法二: 
在网页的 <head>...</head> 区加入代码:<link rel="Shortcut Icon" href="favicon.ico" />,如果用这一种方法的话,其中 ICO 文件的文件名就不一定要用 favicon.ico 了,可以用任意的名字来命名,如:qwwqqwwq.ico,你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同,但前提是必须做到图标文件的链接地址要正确。另外,在 <head>...</head> 区加入代码:<link rel="Bookmark" href="favicon.ico" />,就可以在收藏夹中你网页链接前显示出你自定义的图标。





在地址栏显示网站的图标
做法:
制作一个图标文件,大小为16*16像素。文件名为favicon.ico,然后上传网站根目录中。
在HTML源文件“<head></head>”之间添加如下代码: 
<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 
<link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
如果是myie不用加以上代码地址栏也可以显示,自己的图标,文件名必须是favicon.ico。

------------------------------------------------------------------------------------
方法一: 
直接在站点根目录下放入名为:favicon.ico 的图标文件就行了(必须要为 ICO 文件,BMP 及其他格式的图片文件不行)。并且我已经测试过如用这种方法的话,其实在站点根目录放入的 ICO 文件不一定必须命名为:favicon.ico,将 favicon.ico 中的 favicon 命名为你网站域名的名称同样可行,例如你网站的域名为:blueidea.com,你可以将该 ICO 文件命名为:blueidea.ico (注意 ICO 文件的文件名只能是域名的名称:blueidea,而不是域名:blueidea.com,即不要将域名中的 .com 后缀也加进去); 
方法二: 
在网页的 <head>...</head> 区加入代码:<link rel="Shortcut Icon" href="favicon.ico" />,如果用这一种方法的话,其中 ICO 文件的文件名就不一定要用 favicon.ico 了,可以用任意的名字来命名,如:qwwqqwwq.ico,你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同,但前提是必须做到图标文件的链接地址要正确。另外,在 <head>...</head> 区加入代码:<link rel="Bookmark" href="favicon.ico" />,就可以在收藏夹中你网页链接前显示出你自定义的图标。