修改浏览器里网页头部小图标傻瓜式教程

发布于:2023-07-27 ⋅ 阅读:(86) ⋅ 点赞:(0)

想要把自己的网站/网页换上自己喜欢的图标吗?
跟着我一步一步来
在这里插入图片描述在这里插入图片描述
首先准备一张需要设置为网站图标的图片,将其命名为favicon.ico
在这里插入图片描述
把它放在和你需要加图标页面的同一级目录下
在这里插入图片描述
在代码中加上我框出的这段

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

在这里插入图片描述
然后运行刷新即可
实物效果前后对比:
在这里插入图片描述
是不是好看多了,想要批量设置同理,在需要的页面加上<link rel="icon" type="image/x-icon" href="favicon.ico"/>,注意一下herf后跟的图标相对路径,也就是图标相对于页面的位置,
同级href="favicon.ico"
页面在图标下一级href="../favicon.ico"
图标在页面下一级并放在img文件夹里href="img/favicon.ico"

博客地址:https://wanghao221.github.io/


网站公告

今日签到

点亮在社区的每一天
去签到