服务器广告宣传图
  • 建站小子微信

如何设置网站标题前的小图标

作者:创始人时间:2022-04-29 20:04:06 阅读数:0人阅读

c09dd072a247bba0a338d892a6c0c17d

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

  一般有两种方式来进行设置,第一种简单粗暴,就是将图标转换为.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

标签:
建站小子头像

建站小子

Hi~如果您正好看到这里,可以扫一扫微信二维码加我为好友,我是一个喜欢交朋友的人,我知道您也是哦~

微信
阿里云