<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
如果想要动起来,就得做个gif动画了。gif动画也是16*16的,传到服务器。在<head></head>之间加上:
<link rel="icon" href="animated_favicon.gif" type="image/gif" >
如果想要收藏夹中的图标也要改变的话,那么就加上这句:
<link rel="Bookmark" href="favicon.ico" />
这个图标还可以使用png格式
加上这样也行代码:<link rel="shortcut icon" href="favicon.ico" />注意:
1、图标文件名必须是favicon.ico
2、favicon.ico文件必须放到网站的根目录下
3、favicon.ico文件大小为16*16
网站上的logo实际上是一个“favicon.ico”图片。实现步骤:
第一步:制作favicon.ico,大小为16*16毫米;
第二步:将“favicon.ico”放到项目的根路径下。
第三步:在所有html页面head中添加如下代码。
//收藏用logo图标
<link
rel="bookmark"
type="image/x-icon"
href="favicon.ico"/>
//网站显示页logo图标
<link
rel="shortcut
icon"
href="favicon.ico">
第四步:直接打开html页面,打开方式为常用的浏览器即可。