在地址栏里显示logo的实现方法

所属分类：网络编程 / 相关技巧阅读数： 1720

收藏 0赞 0分享

第一步，准备一个图标制作软件。
首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问 http://www.favicon.com/ ，这里提供一个免费的在线“收藏夹”图标生成器，如果您 E 文够好的话，在这里您还可以了解到更多的关于“收藏夹”图标的知识。
第二步，确定“收藏夹”图标的规格。
“收藏夹”图标有着它特有的规格：图标的大小为 16 * 16（以像素为单位）；所使用的颜色不得超过 16 色。
第三步，设计一个属于您自己的图标。
您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之，它一定要是属于您自己的，并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为：favicon.ico。
最后，将这个图标文件（favicon.ico）上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改，IE5 会自动的不停的搜索您的网站的根目录，只要它一发现了 favicon.ico 这个文件，就会将该图标显示在访问者的地址栏和收藏夹列表中了。
还有一个方法：
<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://网站地址/favicon.ico">
<TITLE>My Title</TITLE>
</HEAD>
使用这个做法的话，
就不一定要把图形文件放在网站的根目录下面了，
你可以放在任何位置，
甚至直接连结到其他网站上面的图形文件也可以，
而且图形文件的文件名也不一定要叫做 favicon.ico，
可以自己随便取。
不过要注意的是使用这个做法的话，
只有在把有加入上面 HTML 语法的页面加入书签的时候才会有作用。

更多精彩内容其他人还在看

在地址栏里显示logo的实现方法

StringBuider 在什么条件下、如何使用效率更高

2020年最火的6种编程语言推荐

遵守这些原则让你开发效率提高一倍(收藏)

使用idea 去除 html 代码前的行号和空行的方法详解

云开发 VSCode 插件 Cloudbase Toolkit 的正确打开方式及应用场景分析

12个Visual Studio调试效率技巧(小结)

fiddler抓包小技巧之自动保存抓包数据的实现方法分析【可根据需求过滤】

解决IDEA中编辑HTML格式文件不自动缩进问题

vsCode中配置setings.json的技巧

全网最详细的vscode基础教程

网络赚钱

站长故事