想要把自己的网站/网页换上自己喜欢的图标吗?
跟着我一步一步来
修改浏览器里网页头部小图标傻瓜式教程_HTML修改浏览器里网页头部小图标傻瓜式教程_github_02
首先准备一张需要设置为网站图标的图片,将其命名为favicon.ico
修改浏览器里网页头部小图标傻瓜式教程_ico_03
把它放在和你需要加图标页面的同一级目录下
修改浏览器里网页头部小图标傻瓜式教程_HTML_04
在代码中加上我框出的这段

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

修改浏览器里网页头部小图标傻瓜式教程_相对路径_05
然后运行刷新即可
实物效果前后对比:
修改浏览器里网页头部小图标傻瓜式教程_相对路径_06
是不是好看多了,想要批量设置同理,在需要的页面加上<link rel="icon" type="image/x-icon" href="favicon.ico"/>,注意一下herf后跟的图标相对路径,也就是图标相对于页面的位置,
同级href="favicon.ico"
页面在图标下一级href="../favicon.ico"
图标在页面下一级并放在img文件夹里href="img/favicon.ico"

博客地址:wanghao221.github.io/