网址栏左侧出现的图标Icon

就是上面的小图标

1，

加在里

2， rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
      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"，即

（2）对于XHTML，link必须使用“ />”结束（或“>”），而不可以使用“>”结束

（3）确定这个文件真的是 ico 格式而不只是其他图片格式重命名了下（直接重命名，IE11，chrome都可以，但IE9不可以）

（4）可能是因为 url 不是根路径所以没显示出来，href="images/favicon.ico" 这里写的是相对路径，改成 href="/images/favicon.ico" 

（5）清空缓存，尤其是IE

（6）某些浏览器会忽略端口号，需要改为

参考博文：

一，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