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

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

根据维基百科，最兼容浏览器的咒语是：

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

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

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

尝试以下操作：

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

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

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

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

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

在你的 HTML 中有大写字母。你把它写成这是不正确的!!你的浏览器不会将其理解为 HTML5。

使用以下

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

div class="ans>

在标题栏中显示图像很容易。请按照以下步骤操作：

a）首先将图像保存在文件夹中的一些位置，并像favicon一样命名。b）然后在 HTML 视图的 head 标签内使用下面的行

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

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

它有效

将其添加到您的头标签中

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

我刚刚尝试了这段代码，它对我有用：<link rel="icon" type="image/jpg" href="C:Usersnrm05Pictureslogo.jpg" />请务必为 jpg 文件键入 type="image/jpg"，为 PNG 文件键入 type="image/png"。如果您尚未下载图像，但知道图像URL，则可以像这样键入它：href="image_url"

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

谢谢你们的帮助！我得到了弹出的第一个结果！得到这个，当我在专业网站 W3B 或其他网站上咨询时，他们的结果不起作用！

再次感谢！

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

法典^

相关内容

最新更新

热门标签：