浏览器地址栏前面显示的图标是从网页里面读取的，通过给页面head里添加icon的连接就可以了，比如这个论坛前面的图标是通过下面这一句实现的：
<head>
<link rel="shortcut icon" href="http://i1.social.microsoft.com/Forums/GlobalResources/images/Msdn/favicon.ico" type="image/x-icon" />
</head>
这个图标叫做favicon，可以用ico和png格式的图片，它会出现在浏览器的地址栏，添加收藏之后的地址前面也是这个图标，快捷方式也是这个图标，基本上现代的浏览器都支持。
还有一些注意的地方，HTML和XHTML里是不一样的，在HTML里可以用下面的语法中的一种：
<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico">
<link rel="icon" type="image/png" href="http://example.com/image.png">
<link rel="icon" type="image/gif" href="http://example.com/image.gif">
在XHTML中的图片地址可以写相对地址了：
<link rel="icon" type="image/vnd.microsoft.icon" href="/somepath/image.ico" />
<link rel="icon" type="image/png" href="/somepath/image.png" />
<link rel="icon" type="image/gif" href="/somepath/image.gif" />
：）
Please mark the post answered your question as the answer, and vote other helpful posts, so they will appear differently to other users for the same problem. 请将解决实际问题的帖子标记为“答案”，并给其他有帮助的帖子投票，这样其他人有同样问题的时候可以快速找到解决方案。谢谢！
