地址栏图标网站添加地址栏图标代码怎么写？

地址栏图标时间:2021-03-16 阅读:()

怎么让网站在地址栏显示个性图标？

时下，个性ico图标却成为一些主流大牌网站提高用户体验（UE）的一个“时髦”玩法，那么，是如何在IE地址栏显示出网站的个性图标的呢？常浏览网站的你，是否注意到打开一些网站时，IE地址栏会显示一些网站的小图标呢？传统的IE地址栏的图标都是“e”字标，而时下，个性ico图标却成为一些主流大牌网站提高用户体验（UE）的一个“时髦”玩法，那么，是如何在IE地址栏显示出网站的个性图标的呢？不知道你有没有注意到，在打开国家教育网的网址的时候，地址栏的前面是一个“i”变形的火炬图标，这就是国家教育网的个性ico图标，当把国家教育网添加到收藏夹后，你会发现这个“小火炬”仍然存在。

其实，要实现网站的个性cio图标非常简单。

首先你必须制作一个ico图标，并把它命名为“favicon.ico”，把它传到你的网站目录下面。

然后，在想展现该个性图标的页面代码head部分中，添加一段描述代码，比如国家教育网的head中，就是控制个性图标的描述代码。

这样就完成了设置，那么如何制作ico图标呢？有两种方法：一是针对不懂设计的朋友来说，可以使用在线生成工具。

二是针对懂得ico设计的朋友，可以自行利用制图软件自主设计，不过记得将成品文件命名为“favicon.ico”。

这样，就可以轻松实现网站的个性地址栏ico图标显示了，愿你的网站，也拥有一个属于自己的个性图标。

如何设置网站地址栏图标

图标放网站根目录下边，一般都取名叫“favicon.ico”

HTML代码再加入

这是什么玩意？地址栏开头的这个图标是什么？

所谓favicon，即Favorites Icon的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。

当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：在大多数主流浏览器如FireFox和 Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式；除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。