Invent

如何在浏览器地址栏前添加自定义的小图标?

您现在的位置: 摘星网络_临沂网站建设优化 > 网站建设 > 建站技术 >

你是不是记得有时在浏览网易网站的首页时,在地址www.hahaad.com前会显示一个“哈”字样的小图标。而默认情况下,这个图标是一个IE浏览器的指定图片。 其实这也不是什么高深技术,只不过在网站目录下添加了一个特定文件而已。 这时,我们需要预先制作一个图标文件,大小为16*16像素。文件扩展名为ico(随便用一个作图软件制作你喜欢的样式,做好了保存格式为ico就可以了),然后上传到相应目录中。在HTML源文件<head></head>之间添加如下代码: <link rel="shortcut icon" href="favicon.ico"> <link rel="icon" type="image/gif" href="animated_favicon1.gif"> 其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时,就更简单了,只需将图片上传到网站根目录下,即可自动识别!