Question

<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可能会导致问题。

Answer 1

根据wikipedia，与浏览器兼容最多的咒语是：

<link rel="shortcut icon" href="favicon.ico" />

之后，您只需担心您的浏览器是否实际下载了该图标。服务器日志说什么？你检查过你的浏览器网络调试控制台了吗？

Answer 2

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并重新打开您的网站！（并确保图标位于路径:)）

Answer 3

尝试以下方法：

<link rel="icon" type="image/png" href="img/iconimg.png" />

注意：href是图片示例的目录。您的图片位于名为＆＃34; img＆＃34;的文件夹中。你的图像名称是＆＃34; iconimg＆＃34;如果它是png使用.png，如果它是jpg然后.jpg。请记住在文件的头部而不是在正文中执行此操作。

Answer 4

我在我的angular7项目中尝试了这些行，并且工作了。

<link rel="icon" type="image/x-icon" href="filepath/filename.ico">

请注意，图像文件应为图标格式（.ico）

Answer 5

在你的html中有大写字母。你写的是因为这不是正确的！您的浏览器不会将其理解为html5。

Answer 6

使用以下

1。）选择要在标题栏中设置的图像 2.）将其转换为＆＃34; .ico＆＃34;格式。（您可以在线使用以下链接） http://image.online-convert.com/convert-to-ico
3.）将文件另存为＆＃34; favicon.ico＆＃34;与.html文件相同的文件夹中 4.）在头标<link rel="shortcut icon" href="favicon.ico"/>

中添加

Answer 7

在标题栏中显示图片很简单。请按照以下步骤操作：

a）首先将图像保存在文件夹和名称中的某些位置，如favicon。 b）然后在html视图的head标签内使用下面的行

<link rel="icon" type="image/png" href="image_url" />

c）在这里，您必须知道文件的路径，即保存图像的位置 d）保存图像网址以代替 image_url e）保存你的工作。

Answer 8

它有效

在头部标签内添加

<link rel="shortcut icon" href="http://example.com/myicon.png" />

Answer 9

试试这个完整的答案，

listView

图片路径 - ：<html> <head> <link rel="icon" href="Image path" type="image/gif" sizes="16x16"> </head> <body> Something </body> </html>就像这样

参考 - ：w3school

Answer 10

我刚尝试使用此代码，它对我有用：<link rel="icon" type="image/jpg" href="C:\Users\nrm05\Pictures\logo.jpg" /> 请务必为jpg文件键入type="image/jpg"，为PNG文件键入type="image/png"。如果您尚未下载图片，但知道图片网址，则可以按以下方式输入：href="image_url"

希望这能回答你的问题： - ）

如何使用html在标题栏中添加图像？

10 个答案: