1. 制作一个ico类型的图像文件,命名为favicon.ico
2. 将制作的favicon.ico文件放到网站的根目录下【当然也可以放到其他的目录下,不过此时记着在添加下面的代码的时候href的值要书写上正确的站点路径】
2. 在页面源文件的<head></head>标签之间插入
<link rel="shortcut icon" href="favicon.ico" />
例如:
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
3. ok!效果如
4. 可参见http://www.bitbug.net/
1. 制作一个ico类型的图像文件,命名为favicon.ico
2. 将制作的favicon.ico文件放到网站的根目录下【当然也可以放到其他的目录下,不过此时记着在添加下面的代码的时候href的值要书写上正确的站点路径】
2. 在页面源文件的<head></head>标签之间插入
<link rel="shortcut icon" href="favicon.ico" />
例如:
3. ok!效果如
4. 可参见http://www.bitbug.net/