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
使用的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
相关文章推荐
- Apache中 File does not exist: /var/www/html/favicon.ico
- File does not exist: /var/www/html/favicon.ico
- 去除html页面中GET《 http://localhost:8080/favicon.ico 404 (Not Found)》
- html添加ico镜像代码(favicon.ico放在根目录)
- Html中的favicon.ico
- apache File does not exist: /var/www/html/favicon.ico错误日志
- Html中的favicon.ico
- 那么如何添加网站favicon.ico图标
- 网址前添加一个图片的方法,favicon.ico
- Photoshop制作Favicon.ico图标
- 为什么favicon.ico在360浏览器下不显示?
- 站点图标favicon.ico
- 给网站添加favicon.ico
- 关于favicon.ico的两三事
- 给网站添加浏览器标题图标favicon.ico
- SpringBoot favicon.ico
- J2EE系列:SpringMVC与favicon.ico的烦恼
- nginx关闭favicon.ico日志
- 也做网页图标favicon.ico
- favicon.ico图标在线制作+ico下载