就是上面的小图标
1，<link rel="shortcut icon" href="favicon.ico" />
加在<head></head>里
2，<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
只有第一行是必须的，因为“shortcut icon”字符串将被多数遵守标准的浏览器识别为列出可能的关键词（“shortcut”将被忽略，而仅适用“icon”）；而Internet Explorer将会把它作为一个单独的名称（“shortcut icon”）。这样做的结果是所有浏览器都可以理解此代码。只有当希望为新浏览器提供另一种备用图像（例如动画GIF）时，才有必要添加第二行。
参考博文：关于shortcut icon和icon代码的区别介绍_HTML/Xhtml_网页制作_脚本之家
http://www.jb51.net/web/44564.html
3，图标不显示的可能原因及解决方案，自己多尝试一下
（1）加上，type="image/x-icon"，即<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
（2）对于XHTML，link必须使用“ />”结束（或“></link>”），而不可以使用“>”结束
（3）确定这个文件真的是 ico 格式而不只是其他图片格式重命名了下（直接重命名，IE11，chrome都可以，但IE9不可以）
（4）可能是因为 url 不是根路径所以没显示出来，href="images/favicon.ico" 这里写的是相对路径，改成 href="/images/favicon.ico"
（5）清空缓存，尤其是IE
（6）某些浏览器会忽略端口号，需要改为<link href="http://localhost:80/img/favicon.ico" rel="SHORTCUT ICON"/>
参考博文：
一，html - favicon.ico在IE里无法显示，但是在chrome里显示正常为什么？ - SegmentFault
https://segmentfault.com/q/1010000002391565
二，关于favicon.ico的两三事 - LoveJenny - 博客园
http://www.cnblogs.com/LoveJenny/archive/2012/05/22/2512683.html
扫一扫
2114
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
