IE地址栏显示网站图标制作方法
作者:刘敬兵 来源:17tech 时间:2007-10-13 11:08:00
时下,个性ico图标却成为一些主流大牌网站提高用户体验(UE)的一个“时髦”玩法,那么,是如何在IE地址栏显示出网站的个性图标的呢?
常浏览网站的你,是否注意到打开一些网站时,IE地址栏会显示一些网站的小图标呢?传统的IE地址栏的图标都是“e”字标,而时下,个性ico图标却成为一些主流大牌网站提高用户体验(UE)的一个“时髦”玩法,那么,是如何在IE地址栏显示出网站的个性图标的呢?
不知道你有没有注意到,在打开国家教育网的网址http://www.inen.cn的时候,地址栏的前面是一个“i”变形的火炬图标,这就是国家教育网的个性ico图标,当把国家教育网添加到收藏夹后,你会发现这个“小火炬”仍然存在。其实,要实现网站的个性cio图标非常简单。
首先你必须制作一个ico图标,并把它命名为“favicon.ico”,把它传到你的网站目录下面。
然后,在想展现该个性图标的页面代码head部分中,添加一段描述代码,比如国家教育网的head中<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />,就是控制个性图标的描述代码。
这样就完成了设置,那么如何制作ico图标呢?有两种方法:
一是针对不懂设计的朋友来说,可以使用在线生成工具 。
二是针对懂得ico设计的朋友,可以自行利用制图软件自主设计,不过记得将成品文件命名为“favicon.ico”。
这样,就可以轻松实现网站的个性地址栏ico图标显示了,愿你的网站,也拥有一个属于自己的个性图标。
标签:图标,ie,地址栏,ico
0
投稿
猜你喜欢
Python3列表删除的三种方式实现
2021-03-26 17:55:55
python分批定量读取文件内容,输出到不同文件中的方法
2021-10-05 21:29:30
使用ob系列函数实现PHP网站页面静态化
2023-11-15 03:26:05
最简单的tab切换实例代码
2023-08-22 08:38:59
Python lambda表达式filter、map、reduce函数用法解析
2022-03-30 03:52:31
快速掌握ASP连接11种数据库的常用语法
2008-11-28 15:32:00
python使用梯度下降和牛顿法寻找Rosenbrock函数最小值实例
2022-09-10 20:01:20
tensorflow模型文件(ckpt)转pb文件的方法(不知道输出节点名)
2023-11-08 23:30:21
将Python脚本打包成exe文件
2021-06-08 12:21:55
Div即父容器不根据内容自适应高度的解决方法
2010-04-23 18:19:00
使用matplotlib创建Gif动图的实现
2021-03-09 11:32:02
oracle 服务启动,关闭脚本(windows系统下)
2024-01-21 08:49:18
vue+axios+java实现文件上传功能
2024-04-30 10:40:32
Go到底能不能实现安全的双检锁(推荐)
2024-04-26 17:36:49
python 字符串转列表 list 出现\\ufeff的解决方法
2023-11-24 18:47:06
MySQL游标概念与用法详解
2024-01-23 05:20:54
Python读取mat文件,并保存为pickle格式的方法
2023-02-15 19:34:41
MySQL之select、distinct、limit的使用
2024-01-22 04:41:20
详细解读MySQL的触发器trigger
2024-01-24 18:24:24
ASP.NET页面间的传值的几种方法
2024-05-11 09:26:52