为网站添加小图标--favicon
2012-01-08 21:50
295 查看
我们在访问站点时,经常会发现浏览器的页签上有小图标的存在。小图标可以让站点在用户的收藏夹中更独特，也可以在现代浏览器中的页签上区分和标记网站。
Favicon是favorites icon的缩写，亦被称为website icon（网页图标）、page icon（页面图标）或urlicon（URL图标）。Favicon是与某个网站或网页相关联的图标。网站设计者可以多种方式创建这种图标，而目前也有很多网页浏览器支持此功能。浏览器可以将favicon显示于浏览器的地址栏中，也可置于书签列表的网站名前，还可以放在标签式浏览界面中的页标题前。
最初，定义一个favicon的方法是将一个名为“favicon.ico”的文件置于根目录下，Internet Explorer的收藏夹（即书签）可以自动显示该文件。后来出现了一种更为灵活的方法，即使用HTML来为任何一个网页指示其图标所存储的位置。这种方法是通过在页面的
需要加入favicon的页面上引入link标签即可，路径是favicon.ico的绝对路径。
favicon.ico是一个16×16像素或者更大的图片，可以在线为站点搜索图标或生成图标，或者上传本地图片生成favicon
Favicon是favorites icon的缩写，亦被称为website icon（网页图标）、page icon（页面图标）或urlicon（URL图标）。Favicon是与某个网站或网页相关联的图标。网站设计者可以多种方式创建这种图标，而目前也有很多网页浏览器支持此功能。浏览器可以将favicon显示于浏览器的地址栏中，也可置于书签列表的网站名前，还可以放在标签式浏览界面中的页标题前。
最初，定义一个favicon的方法是将一个名为“favicon.ico”的文件置于根目录下，Internet Explorer的收藏夹（即书签）可以自动显示该文件。后来出现了一种更为灵活的方法，即使用HTML来为任何一个网页指示其图标所存储的位置。这种方法是通过在页面的
<head>部分添加两个link组件来实现的。这样，任何一个适当大小的（16×16像素或更大）的图像都可以用作favicon。尽管如此，多数情况下仍然使用ICO格式。其他网页浏览器现在也支持PNG（便携式网络图片）格式，和IF（图形交换格式）动画图像格式。
需要加入favicon的页面上引入link标签即可，路径是favicon.ico的绝对路径。
<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
favicon.ico是一个16×16像素或者更大的图片，可以在线为站点搜索图标或生成图标，或者上传本地图片生成favicon
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 网站添加favicon.ico图标
- 给网站添加 favicon的技巧 网址前面的小图标
- 为网站添加小图标--favicon
- 如何添加网站favicon.ico图标
- 为网站添加网址图标favicon.ico
- 为网站添加网址图标favicon.ico
- 【如何添加网站图标favicon】
- 为你的网站添加小图标Favicon.ico
- 为网站添加小图标--favicon
- 给网站添加浏览器标题图标favicon.ico
- 网站添加favicon.ico图标
- 那么如何添加网站favicon.ico图标
- WordPress添加网站图标
- 添加网站图标
- 网站图标Icon添加方法
- 网站的shortcut icon-- favicon.ico 在收藏夹和IE地址栏显示的个性图标
- 用link标签实现 shortcut icon（给网页标题前添加一个小图标favicon.ico）
- 【Web】网站主如何更改网页标签的图标（favicon.ico）
- 为网站添加一个图标icon
- 给网站添加favicon.ico