如何在标题栏title前添加网站logo?

时间:2022-11-01 19:54:48

第一种方法:据说在网站根目录下放着我们的ico型logo,命名为favicon.ico,浏览器会自动去找到并显示。试了试,在firefox23和ie8下都没有成功。

第二种方法:添加代码,如下:

1 <link rel="shortcut icon" href="your_ico.ico" type="image/x-icon">
2 <link rel="icon" href="your_ico.ico" type="image/x-icon">

第一行是必须的,第二行不是,可能为了兼容。

href是图标路径,type指定类型,可选择mime下的几种类型,另外注意图标大小,常用16×16,32×32。

这种方法在firefox下,效果:

如何在标题栏title前添加网站logo?

ie下,效果:

如何在标题栏title前添加网站logo?

 

比较一下,firefox下,仅仅标题栏出现了图标,ie下标题栏和地址栏都出现了图标。