我不知道如何在标题中添加图片图标， 我有一个收藏图标，但它没有出现，当我尝试使用 img src 标签添加图片时，它按原样出现，没有图像！
【问题讨论】：
<link rel="favicon" href="favicon.ico" type="image/x-icon" />
favicon.ico 拼写是否正确？ :)
img 标签的页面内容时，图像不会显示，而是看到img 标签？那么这是您的创作环境或您使用它的方式的问题。
等等……你真的是想在<title> 中添加一个<img> 元素吗？那不会飞 - 标题不能包含 HTML。它包含所谓的replaceable character data。只有实体引用和元素的结束标记对解析器有意义；其他所有内容都是按字面意思理解的，基本上就像您已经对它进行了 HTML 转义一样。例如，如果您的 HTML 显示 <title><img> stuff</title>，则文档的标题将是文字文本 '<img> stuff'，搜索引擎将完全正确地显示该文字文本（将 &lt; 替换为末尾的 &lt;，因此正确显示）。事实上，在我看来，这在很大程度上是不正确的不；如果你的页面是关于如何使用<img> 标签的呢？
在标题附近获得图片的唯一标准方法是正确添加网站图标。它仍然不会出现在 in 标题中，但这并没有多大意义。它会显示在大多数浏览器中的 URL 旁边，这是您和您的用户通常想要的。而让您创建网络快捷方式的操作系统通常会将其用作快捷方式的图标。
添加网站图标最跨浏览器的方法是两个步骤：
在站点的根目录下放置一个图标文件，命名为favicon.ico，并使用与 Windows 用于图标文件的相同格式。 （有些浏览器可以使用 PNG/GIF/JPG 图标，但似乎 IE 特别喜欢诚实至善的 .ICO 文件。）有些网站，如 another answer 中提到的 http://tools.dynamicdrive.com/favicon/，可以转换图像变成你的图标。
确保页面的头部包含以下 HTML：
<link href="/favicon.ico" rel="shortcut icon">
（如果文档是 XHTML，则添加斜杠以自动关闭标签。）
【讨论】：
<link rel="icon" type="image/ico" href="favicon.ico" />
将此贴在您的 <head> 标签内。
【讨论】：
<link> 元素无效； </link> 实际上是无效的 HTML。如果你必须做 XHTMLish 的事情，HTML 5 允许使用自闭合标签语法； <link... /> 可以。
使用这个：
<head>
<link rel="icon" type="image/png" href="logo.ico"/>
</head>
【讨论】：
转至：http://tools.dynamicdrive.com/favicon/
生成您的网站图标 然后把你的 favicon.ico 图标放到你的 public_html/www/httpdocs 文件夹中，也就是说，把图标放到你主页所在的文件夹中。
此外，您还可以在主页的<head></head> 部分输入以下代码：
<link rel="short icon" href="favicon.ico" />
【讨论】：