添加网站的icon


访问一些大型网站的时候,常常可以在 Web 浏览器的地址栏中看到该网站定制的图标(像新浪、网易、Google 等等 ... ),而自己架设的 Web server 确无法显示可定制图标,该如何设置呢?

一直以来我以为需要在 Web Server 端设置,就找遍了 Apache httpd Server 的配置文档,上看下看,一直没有找到,令人沮丧。今天,无意间在网上发现一篇帖子,说的就是如何设置 WebSite’s Icon,自己测试了一下,It’s work!令人开心,写出来和大家分享一下。

1、你要自己定制一个 Website’s Icon ,规格为: 16×16 pixel bitmap,命名为 favicon.ico (为什么叫这个名字后面会讲到),放置在网站的根目录下。

2、在你的网页中添加以下代码段:

<head>
<link rel="shortcut icon" type="image/ico" href="http://www.mydomain.com/favicon.ico">
</link>
</head>

3、在客户端打开你的网页,好好欣赏你的 Website’s Icon 吧。

将 Icon 命名为 favicon.ico 并放在 WebServer 的根目录下是因为当用户端使用的是 IE 浏览器,并且用户将你的网站保存到收藏夹中时,IE 浏览器会自动搜索 Web Server 的根目录,查找是否有 favicon.ico 文件,如果有,就作为收藏夹该页面的 Icon 。

本文作者:
« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3