Man*_*noz 44 html css favicon font-awesome glyphicons
如何在标题栏中添加图像？
我有头衔 - "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而不是在那里显示图像.
有帮助吗？
Sam*_*lan 71
那种方法不起作用.在<title>只支持纯文本.您需要创建一个.ico文件favicon.ico名为的图像,并将其保存到您网站的根文件夹中(默认页面所在的位置).
或者,您可以将图标保存在任何您想要的位置并随意调用它,但只需将以下代码插入<head>HTML部分并引用您的图标:
<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图像作为图标,IE11是您需要支持的唯一IE版本.您只需要使用上面的HTML代码引用它们.请注意,IE10及更早版本仍需要.ico文件.
小智 18
你应该搜索如何添加favicon.ico.您可以尝试favicon.ico直接在这样的html页面中添加
<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
kar*_*ick 16
在你的html的head部分添加它
<link rel="icon" type="image/gif/png" href="mouse_select_left.png">
小智 11
您必须为您的页面使用favicon.把它放在头标记中:
<link rel="shortcut icon" href="/favicon.png" type="image/png">
其中favicon.png最好是16x16 png图像.
source:将favicon添加到静态HTML页面