如何在标题栏中添加图片？
我有头衔 - “Webnet”
将其与FontAwesome Glyphicon的图标图像合并为 -
<title><i class="icon-user icon-black"></i>Webnet</title>
我尝试用图像源替换它 -
<title><img src="assests/img/user-Hermosillo.png" ></img>Webnet</title>
但是标题显示的是innerHTML而不是在那里显示图像。
任何帮助？
答案 0 :(得分：68)
该方法不起作用。 <title>仅支持纯文本。您需要创建一个.ico图像，其文件名为favicon.ico，并将其保存到您网站的根文件夹中（默认页面所在的位置）。
或者，您可以将图标保存到任意位置并随意调用，只需将以下代码插入HTML的<head>部分并引用您的图标：
<link rel="shortcut icon" href="your_image_path_and_name.ico" />
您可以使用Photoshop（带插件）或GIMP（免费）来创建.ico文件，或者您可以使用IcoFX，这是我个人的最爱，因为它很容易使用并做得很好（您可以从download.com免费获得该软件的旧版本）。
更新1： 您还可以使用许多在线工具来创建我成功使用的ConvertIcon等favicon。现在还有其他免费的在线工具，它们也可以（通过简单的谷歌搜索访问），但也生成其他图标，如Windows 8/10开始菜单图标和iOS应用程序图标。
更新2 ：您还可以将.png图片用作图标providing IE11 is the only version of IE you need to support。您只需要使用上面的HTML代码引用它们。请注意，IE10及更早版本仍需要.ico个文件。
答案 1 :(得分：18)
您应该搜索有关如何添加favicon.ico的信息。您可以尝试直接在html页面中添加favicon.ico，例如
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="shortcut icon" type="image/png" href="http://www.example.com/favicon.png" />
或者您可以在webserver中更新该内容。建议您添加webserver，因为您不需要在每个html页面中添加此内容（假设没有includes）。
要在apache中添加favicon.ico您的根网站总监，并将其添加到httpd.conf
AddType image/x-icon .ico
答案 2 :(得分：16)
在html
的head部分添加此内容<link rel="icon" type="image/gif/png" href="mouse_select_left.png">
答案 3 :(得分：11)
您必须为您的网页使用favicon。
把它放在头标记中：
<link rel="shortcut icon" href="/favicon.png" type="image/png">
其中favicon.png最好是16x16 png图像。