天天看点

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

想要把自己的网站/网页换上自己喜欢的图标吗?

跟着我一步一步来

首先准备一张需要设置为网站图标的图片,将其命名为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"

继续阅读