*文章已在2021年7月修改

在访问网站时,大家可以看到站点的标题旁边都会有一个小图标,有的则没有,那么这个小图标如何设置呢?

一般有两种方式来进行设置,第一种简单粗暴,就是将图标转换为.ico格式(强制,必须为ico格式),然后命名为 favicon.ico 然后将其上传到网站根目录,浏览器会自动访问该文件将其显示在浏览器中。

第二种就是以代码的形式来实现,这种方式可以方便大家从图库,cos等对图片进行调用,减少本地带宽占用。

在使用时,可以将下方代码中的链接换成自己的.ico文件(不强制,也可为png等图片形式)链接。

<link rel="icon" href="https://img.zqana.cn/favicon.ico" type="image/x-icon" />

然后将这段代码放在标题下面,就像下面的代码一样,这样,在浏览器中打开时就会显示你链接的这张图片。

<html>
<head>
<title>dome</title>
<link rel="icon" href="https://img.zqana.cn/favicon.ico" type="image/x-icon" />
</head>
<body>
dome :)
</body>
</html>

优先级:如果同时存在.ico文件和代码链接会优先应用代码链接。

分类: 站点技巧

小煜

一个可能很温柔也可能很暴躁的钢铁直男!

2 条评论

小煜 · 2021年1月3日 23:14

祝大家新年快乐!

drearry · 2021年1月5日 19:40

这个标签有的时候不会生效,不知道为什么

评论已关闭。