如何使网站图标Icon显示在浏览器地址前面
2010-08-04 15:48
706 查看
概要：首先要了解浏览器到底是如何识别icon图像，并将其显示在浏览器网址框前面的。浏览器有两种识别形式：1.使用link标签形式2.浏览器自动识别
首先要了解浏览器到底是如何识别icon图像，并将其显示在浏览器网址框前面的。浏览器有两种识别形式：
1.使用link标签形式
<link rel="Shortcut Icon" href="http://www.itplatform.cn/img/favicon.ico" type="image/x-icon"/>
2.浏览器自动识别
此时的图像文件名必须是favicon.ico，且必须在您网站所在的服务器的根目录下。
两种方法比较：
第一种可以自定义icon文件位置，及icon文件名称。但需要在页面<head>标签下添加一个link标签
第二种则不需对网页文件作任何的修改，IE，FF，Google Chrome，Opera等等所有浏览器都会自动搜索网站根目录下favicon.ico这个文件，并将其显示在访问者的地址栏和收藏夹列表中。
很显然，第二种方法更简单，更实用，推荐使用第二种方法。
附件：（自己感觉相对好用的icon制作工具）iICO Editor点击下载
[ 参考：http://www.itplatform.cn/aspx/other/201003240122148022.aspx ]
首先要了解浏览器到底是如何识别icon图像，并将其显示在浏览器网址框前面的。浏览器有两种识别形式：
1.使用link标签形式
<link rel="Shortcut Icon" href="http://www.itplatform.cn/img/favicon.ico" type="image/x-icon"/>
2.浏览器自动识别
此时的图像文件名必须是favicon.ico，且必须在您网站所在的服务器的根目录下。
两种方法比较：
第一种可以自定义icon文件位置，及icon文件名称。但需要在页面<head>标签下添加一个link标签
第二种则不需对网页文件作任何的修改，IE，FF，Google Chrome，Opera等等所有浏览器都会自动搜索网站根目录下favicon.ico这个文件，并将其显示在访问者的地址栏和收藏夹列表中。
很显然，第二种方法更简单，更实用，推荐使用第二种方法。
附件：（自己感觉相对好用的icon制作工具）iICO Editor点击下载
[ 参考：http://www.itplatform.cn/aspx/other/201003240122148022.aspx ]
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 如何使网站图标Icon显示在浏览器地址http的前面？
- 网站图标Icon显示在浏览器地址http前面-（几个问题的小结）
- 如何让网站在浏览器网址前面显示小图标？ico图标怎么放？
- 网页制作小技巧------如何在浏览器地址栏中显示网站的图标?
- 让网站在浏览器网址前面显示小图标的方法
- 怎么让网站在浏览器网址前面显示小图标?
- 怎么让网站在浏览器网址前面显示小图标?
- 如何在浏览器地址栏显示网站图标
- 怎么让网站在浏览器网址前面显示小图标?
- 如何在自己的网站地址前面加上个性的小图标
- 为网站设置icon图标用于显示在浏览器标签页最左侧
- 怎么让网站在浏览器网址前面显示小图标?
- wordpress中如何添加网站在浏览器左侧栏目小图标icon？
- 让网站在浏览器网址前面显示小图标的方法
- 如何让浏览器主动识别网站icon图标
- 怎么让网站在浏览器网址前面显示小图标?
- 让网站在浏览器网址前面显示小图标的方法
- NGINX部署项目后浏览器选项卡icon图标不显示
- 在浏览器里面显示网站的icon
- 如何在网址前面显示个性图标？(比如csdn的博客网址)