将有些网站添加到收藏夹时,会看到这个图站在收藏夹中会显示出特别的图标。如果你也想在网页上加入代表网站的标志,请和我们一起来学习下它如何实现的?
Internet Explorer 提供了一个功能,就是可以让网页设计者自己设计网站URL的图标。也就是在Internet Explorer地址栏前面,以及在收藏夹里面,显示的是你自己设计的图标,而不是默认的Internet Explorer图标。要能够在网址栏中显示自己的图标,要以下几个步骤:
首先要做出你自己的图标。你可以用任何一种图形设计程序来制作你的图标,或是你可以从图库、网络等地方找到你要的图标,这个图标的大小必须是16×16像素,否则可能会显示不出来。虽然Internet Explorer规定是一定要用16×16的大小,但是笔者发现用32 x 32的大小也可以。
接下来,就要把图标链接到网页中了,链接图标可以有两种方法来实现。
第一种方法:你把你的图标文件名取为favicon.ico,并且放在你网页所在的根目录下,就是跟你首页文件(一般是index.htm、index.html、default.htm或default.html放在一起)。这样Internet Explorer 5.0就会自动读取这个favicon.ico,从而将这个图标显示出来。
第二种方法:在首页HTML文件中,加入link命令,<link>是放在<head>与</head>之间,例如下面这样:
<HEAD> <link rel="SHORTCUT ICON" href="http://www.029900.com/favicon.ico" /> <TITLE>西安网站建设,西安做网站,西安网站制作公司,西安网页设计,西安玖佰网络-真诚为您服务!</TITLE> </HEAD>
其中的"HREF=http://www.029900.com/favicon.ico>"只是一个例子,你只要将"http://www.029900.com"替换成你的网址,将"favicon.ico"替换成你制作的ICO文件名即可。这样只有当网友把你的网站加到Internet Explorer的收藏夹中,并重新打开Internet Explorer浏览器之后,你自行制作的图标才会显示出来。
小提示:如果你不要你的Internet Explorer在收藏夹中出现这些网站自行制作的图标,在加入收藏夹之后,做清除History的操作。然后再重新打开Internet Explorer浏览器之后,这些自行制作的图标就会消失,恢复成Internet Explorer默认的图标。
|