关于favicon.ico,shortcut icon,icon

时间:2022-02-02 16:06:23

引入一篇文章。关于favicon.ico二三事。

http://www.cnblogs.com/LoveJenny/archive/2012/05/22/2512683.html

一直对favicon.ico半知半解,今天看到以上博文才算清楚。

引入两行代码:

<link rel="icon" href="Images/wangyi.ico" type="image/x-icon" />

<link rel="shortcut icon" href="Images/wangyi.ico" type="image/x-icon" />

icon与shortcut icon有什么区别?为什么是引入两行?

百度了下:

shortcut icon,特指浏览器中地址栏左侧显示的图标,一般大小为16x16,后缀名为.icon;
icon,指的是图标,格式可为PNG\GIF\JPEG,尺寸一般为16x16、24x24、36x36等。 然而,只有第一行是必须的,因为“shortcut icon”字符串将被多数遵守标准的浏览器识别为列出可能的关键词(“shortcut”将被忽略,而仅适用“icon”);
而Internet Explorer将会把它作为一个单独的名称(“shortcut icon”)。
这样做的结果是所有浏览器都可以理解此代码。只有当希望为新浏览器提供另一种备用图像(例如动画GIF)时,才有必要添加第二行。  应该是一个兼容吧。 360浏览器在浏览网页的时候,它会忽略端口。