<DOCTYPE! HTML>
<html>
<head>
<title>Login</title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
some text
</body>
</html>
这是我为在浏览器的新标签栏中添加图像而编写的代码。 但这不起作用。 我也在使用 wamp 服务器，如果 wamp 可能会导致问题。
【问题讨论】：
我在我的 angular7 项目中尝试了写这些行并工作了。
<link rel="icon" type="image/x-icon" href="filepath/filename.ico">
请注意，图片文件应为图标格式（.ico）
【讨论】：
我刚刚尝试使用此代码，它对我有用：<link rel="icon" type="image/jpg" href="C:\Users\nrm05\Pictures\logo.jpg" />
请务必为 jpg 文件输入 type="image/jpg"，为 PNG 文件输入 type="image/png"。如果你还没有下载图片，但是你知道图片的 URL，那么你可以这样输入：href="image_url"
希望这回答了你的问题:-)
【讨论】：
尝试以下方法：
<link rel="icon" type="image/png" href="img/iconimg.png" />
注意：href 是图像示例的目录。您的图像位于名为“img”的文件夹中，图像名称为“iconimg”，如果是 png，则使用 .png，如果是 jpg，则使用 .jpg。请记住在文件的头部而不是在正文中执行此操作。
【讨论】：
有效
在你的 head 标签中添加这个
<link rel="shortcut icon" href="http://example.com/myicon.png" />
【讨论】：
在标题栏中显示图像很容易。 请按照以下步骤操作：
a) 首先将图像保存在文件夹中的某个位置，并命名为 favicon。 b）然后在html视图的head标签内使用下面的行
<link rel="icon" type="image/png" href="image_url" />
c) 这里你必须知道你保存图片的文件的路径 d) 保存您的图片网址代替 image_url e) 保存您的工作。
【讨论】：
使用下面的
1.) 选择要在标题栏中设置的图像。
2.) 将其转换为“.ico”格式。 （您可以在线使用以下链接）
http://image.online-convert.com/convert-to-ico
3.) 将文件另存为“favicon.ico”，保存在与 .html 文件相同的文件夹中
4.) 在你的 head 标签中添加这个 <link rel="shortcut icon" href="favicon.ico"/>
【讨论】：
在您的 html 中有大写字母。您将其写为这不正确！！！您的浏览器不会将其理解为 html5。
【讨论】：
W3C 说：
<!DOCTYPE html
PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon"
type="image/png"
href="http://example.com/myicon.png">
[…]
</head>
[…]
</html>
见http://www.w3.org/2005/10/howto-favicon
但请记住：某些浏览器需要一段时间才能识别出网站图标 - 尝试删除 cookie 并重新打开您的网站！ （并确保图标位于路径上：））
【讨论】：
根据wikipedia，最兼容浏览器的咒语是：
<link rel="shortcut icon" href="favicon.ico" />
之后，您只需要担心您的浏览器是否真的在下载图标。服务器日志说什么？你检查过你的浏览器网络调试控制台吗？
【讨论】：