如何在浏览器地址栏前添加自定义的小图标?

最新推荐文章于 2024-11-01 13:37:40 发布

diyichen9575

最新推荐文章于 2024-11-01 13:37:40 发布

阅读量132

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/Cyto/archive/2007/03/18/679122.html

版权

首先我们需要预先制作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。
在HTML源文件“<head></head>”间添加如下代码：

  <Link Rel="SHORTCUT ICON" href=" http://图片的地址（注意与刚才的目录对应）">

    其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传到网站根目录下，即可自动识别！

<link  rel="Shortcut  Icon"  href="favicon.ico">  IE地址栏前换成自己的图标
<link  rel="Bookmark"  href="favicon.ico">  可以在收藏夹中显示出你的图标

补充说明：在站点根目录下建立一个16*16的icon文件，并把名称命名为favicon.ico一般不用写link就可以应用于站点下的每一个页面文件了。

转载于:https://www.cnblogs.com/Cyto/archive/2007/03/18/679122.html