如何为自己的网站安装favicon.ico标志?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何为自己的网站安装favicon.ico标志?相关的知识,希望对你有一定的参考价值。

参考技术A 设计一个名称favicon.ico的图像文件放到网站根目录,就可以了。为了更好的兼容性,可以在header添加如下的META申明:
<head>
<link
rel="shortcut
icon"
href="/favicon.ico"
/>
<link
rel="bookmark"
href="/favicon.ico"
type="image/x-icon" />
</head>

网页左上角图标 favicon.ico

显示网页左上角标志图标

<link rel="shortcut icon"type="image/x-icon"href="images/favicon.ico" />

或者

<link rel="shortcut icon" href="images/114dyy.png" />

貌似图片格式不是问题。

 

网站的图标一般都放在根目录,文件名为favicon.ico,比如博客园的图标网址是:
http://home.cnblogs.com/favicon.ico

如果找不到,那就查看它的网页源代码,搜索shortcut icon,其href值就是图标的存放位置,比如有道的图标位置是:
http://shared.ydstatic.com/images/favicon.ico

 

.ICO一般是做为程序图标存在的.
例如你的QQ.EXE这个文件的那个企鹅图标就是.ICO格式的

在线ico图标制作:http://www.ico.la/

 

转载自http://www.th7.cn/web/html-css/201311/15392.shtml

 

以上是关于如何为自己的网站安装favicon.ico标志?的主要内容,如果未能解决你的问题,请参考以下文章

如何为自己的网站安装favicon.ico标志?

如何为自己的网站安装favicon.ico

如何制作ico图标?

favicon.ico的概述

favicon.ico怎么显示出来呢?

我在项目的根目录下覆盖了favicon.ico文件,重启服务和清理浏览器缓存,重新打开浏览器。地址栏标志没变化