如何设置网站标题前的小图标
作者:创始人时间:2022-04-29 20:04:06 阅读数:0人阅读
访问网站时,大家可以看到站点的标题旁边都会有一个小图标,有的则没有,那么这个小图标如何设置呢?
一般有两种方式来进行设置,第一种简单粗暴,就是将图标转换为.ico格式(强制,必须为ico格式),然后命名为 favicon.ico 然后将其上传到网站根目录,浏览器会自动访问该文件将其显示在浏览器中。
第二种就是以代码的形式来实现,这种方式可以方便大家从图库,cos等对图片进行调用,减少本地带宽占用。
在使用时,可以将下方代码中的链接换成自己的.ico文件(不强制,也可为png等图片形式)链接。
<link rel="icon" href="https://www.124j.com/favicon.ico" type="image/x-icon" />
然后将这段代码放在标题下面,就像下面的代码一样,这样,在浏览器中打开时就会显示你链接的这张图片。
优先级:如果同时存在.ico文件和代码链接会优先应用代码链接。
<html> <head> <title>dome</title> <link rel="icon" href="https://www.124j.com/favicon.ico" type="image/x-icon" />
</head> <body> dome :) </body></html>
本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。
如果侵犯了你的权益请来信告知我们删除。邮箱:8951154@qq.com