您的位置:首页 > Web前端 > HTML

Html中的favicon.ico

2013-12-09 11:56 686 查看
一、概述

使用的WEB浏览器是IE5或以上版本,那么将某些网站加入到“收藏夹”后,会注意到在这些网站标题的旁边还有一个独具个性的图标,这就是收藏夹图标favicon.ico。

 

二、制作方法

① 将需要作为图标的图片(任意格式),提交给可在线生成16*16像素的ico图标的网站,得到网站的图标(后缀名为ico)。

② 下载刚生成的图标文件并上传到网站根目录中即可。

三、注意点

若在低于IE5以下版本的浏览器中显示,应在HTML源文件<head>间添加如下代码: 

<link rel="Shortcut Icon" href="图片的地址">

<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 

<link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

把图标命名为favicon.ico一般不用写link就可以应用于站点下的每一个页面文件了。该图标的路径一定要使用绝对路径。   

有些Web站点的主机服务器(如Geocities)不支持图标文件格式,这就需要与管理员联系,要求他开通图标文件格式的支持。

四、其他一些文档

《关于favicon.ico的两三事》http://www.cnblogs.com/LoveJenny/archive/2012/05/22/2512683.html

原帖地址:http://blog.csdn.net/hexinfei/article/details/9211767
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html 服务器