网页开发基础教程:[1]怎么为网站加入图标
1、首先要有f-a-v-i-c-o-n图标,关于这个文件可以到网上去下载也可以亲自制作一个,制作方法请到百度搜索。添加方法分为以下两种:
##1,直接复制一份放到项目的根目录,这样网站的所有页面都会到根目录来查找这个f-a-v-i-c-o-n文件。
![网页开发基础教程:[1]怎么为网站加入图标](https://exp-picture.cdn.bcebos.com/274e9635dd8a59deb01993b2b370d5413b8c84b1.jpg)
2、##2,如果每个页面需要不同的f-a-v-i-c-o-n图标,那么不放在根目录也是可以的,那在页面使用的时候就需要指定f-a-v-i-c-o-n.ico文件的所在位置。指定方式如下,
![网页开发基础教程:[1]怎么为网站加入图标](https://exp-picture.cdn.bcebos.com/444696013870d541c392bdbb2e0f94fc518c80b1.jpg)
3、最终显示的效果如下,可以尝试使用不同的浏览器查看(网页标题前的小图标)
![网页开发基础教程:[1]怎么为网站加入图标](https://exp-picture.cdn.bcebos.com/a749bb0f94fc508c65d0dc4b01775ddd894cfdb1.jpg)
4、该图标还支持在收藏夹中显示,当把网页添加到收藏夹的时候效果图如下,
![网页开发基础教程:[1]怎么为网站加入图标](https://exp-picture.cdn.bcebos.com/51cd85cec7f88a775cc293ff6e4a2f27e6eff8b1.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
                                阅读量:135
阅读量:135
阅读量:59
阅读量:98
阅读量:29