如何在地址栏中显示网站的图标
scnjl 2011-08-18
http://hi.baidu.com/langyanqi/blog/item/3316544e9bdb640bb3de05ac.html
如何在地址栏中显示网站的图标
<linkrel="shortcuticon"href="MyImg.ico">
<linkrel="Bookmark"href="favicon.ico">可以在收藏夹中显示出你的网站图标，图标可以是16*16、24*24、32*32、48*48的都可以。
第一步，准备一个图标制作软件。
首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以.ico作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问http://www.favicon.com/，这里提供一个免费的在线“收藏夹”图标生成器，如果您E文够好的话，在这里您还可以了解到更多的关于“收藏夹”图标的知识。
第二步，确定“收藏夹”图标的规格。
“收藏夹”图标有着它特有的规格：图标的大小为16*16（以像素为单位）；所使用的颜色不得超过16色。
第三步，设计一个属于您自己的图标。
您可以将您的网站的LOGO做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之，它一定要是属于您自己的，并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为：favicon.ico。
最后，将这个图标文件（favicon.ico）上传到您的网站所在的服务器的根目录下。注意：您不需要对您的网页文件作任何的修改，IE5会自动的不停的搜索您的网站的根目录，只要它一发现了favicon.ico这个文件，就会将该图标显示在访问者的地址栏和收藏夹列表中了
<HEAD>
<LINKrel="SHORTCUTICON"href="http://网站地址/favicon.ico">
<TITLE>MyTitle</TITLE>
</HEAD>
使用这个做法的话，就不一定要把图形文件放在网站的根目录下面了，你可以放在任何位置，甚至直接连结到其他网站上面的图形文件也可以，而且图形文件的文件名也不一定要叫做favicon.ico，可以自己随便取。
不过要注意的是使用这个做法的话，只有在把有加入上面HTML语法的页面加入书签的时候才会有作用。
1、选择icon制作软件，可以选择MicroAngeloV5.59c（http://www3.skycn.com/soft/2478.html）
Microangelo是一套功能强大的图标相关编辑软件。使用它可以创建或编辑图标(.ico)、静态指针(.cur)、动画指针(.ani)以及图标库(.icl)文件，编辑功能十分强大且很容易上手。该软件还有一个功能就是可以直接修改可执行程序中的图标（请注意图像格式一定要匹配）。
除上述外，还可以使用附带的microangeloOnDisplay修改系统中的各种图标，使你的系统更漂亮，更具个性化。
2、设计自己网站的图标，要代表网站的风格和个性
注意：图标的规格大小为16*16（以像素为单位），所使用的颜色不得超过16色；
第二步发布到网站
1、第一种方式：可以直接把制作的图标命名为favicon.ico，上传到网站根目录即可；
2、第二种方式：如果希望不同的栏目（或页面）显示不同的图标，则需要在该网页文件的HEAD部分加入以下内容：<linkrel="SHORTCUTICON"href="http://www.mydomain.com/myicon.ico">
注意：该图标的路径一定要使用绝对路径
在地址栏显示网站的图标
做法：
制作一个图标文件，大小为16*16像素。文件名为favicon.ico，然后上传网站根目录中。
在HTML源文件“＜head＞＜/head＞”之间添加如下代码：
＜linkrel="ShortcutIcon"href="favicon.ico"＞IE地址栏前换成自己的图标
＜linkrel="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>区加入代码：<linkrel="ShortcutIcon"href="favicon.ico"/>，如果用这一种方法的话，其中ICO文件的文件名就不一定要用favicon.ico了，可以用任意的名字来命名，如：qwwqqwwq.ico，你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同，但前提是必须做到图标文件的链接地址要正确。另外，在<head>...</head>区加入代码：<linkrel="Bookmark"href="favicon.ico"/>，就可以在收藏夹中你网页链接前显示出你自定义的图标。
在地址栏显示网站的图标
做法：
制作一个图标文件，大小为16*16像素。文件名为favicon.ico，然后上传网站根目录中。
在HTML源文件“＜head＞＜/head＞”之间添加如下代码：
＜linkrel="ShortcutIcon"href="favicon.ico"＞IE地址栏前换成自己的图标
＜linkrel="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>区加入代码：<linkrel="ShortcutIcon"href="favicon.ico"/>，如果用这一种方法的话，其中ICO文件的文件名就不一定要用favicon.ico了，可以用任意的名字来命名，如：qwwqqwwq.ico，你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同，但前提是必须做到图标文件的链接地址要正确。另外，在<head>...</head>区加入代码：<linkrel="Bookmark"href="favicon.ico"/>，就可以在收藏夹中你网页链接前显示出你自定义的图标。
