网页标签左侧的小图标是怎么添加的

作者:魔道寒武纪     信息来源:互联网     发布时间:2024-01-17     点击数:49    

有的网站网页标签左侧有一个小图标,这个小图标是怎么搞上去的?

888.png

这个简单:

首先,要自己制作一个favicon.ico图片,大小24*24像素就可以,32*32或者16*16也行,如果自己不会做,可以在网上找一个自动生成的网站。

做好后,把这个文件上传到网站根目录,之后在index.html文件的<head>标签中间加以下三句话

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

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

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

如果刷新后不能显示这个小图标,可以清除一下浏览器缓存

999.png

再刷新就可以了。