HTML页面标题图片

Question

51

我想在HTML页面标题上（即标签和标题一起）加上一个图片。我该怎么做？

我该如何在 HTML 页面标题栏中添加图像？

- James

2

像这样吗？： http://en.wikipedia.org/wiki/Favicon - David

1

你可以在这个问题的答案中找到更多关于网站图标（favicon）的信息：https://dev59.com/Rk7Sa4cB1Zd3GeqP0Amp - FelipeAls

4个回答

24

为了实现跨浏览器兼容性，似乎需要为网页图标添加两行代码：

TITLE

<title>PAGE TITLE HERE</title>

网站图标

<link rel="SHORTCUT ICON" href="http://domain and path/favicon.ico" />
<link rel="icon" href="http://domain and path/favicon.ico" type="image/ico" />

网站图标生成器：

动态脚本

- Zuul

1

那个网站图标生成器似乎已经不存在了。 - Jon Onstott

5

请在head元素中添加类似以下行的代码：

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

.ico文件在旧版浏览器中效果最佳，但您也可以使用png和jpeg文件。

- Hendrik Brummermann

4

您想设置网站图标。以下是设置网站图标的标签：

<link rel="SHORTCUT ICON" href="favicon.ico" />

将这个标签添加到你的<head />中，它会指示网站的浏览器下载在href中引用的图像。

- JD Courtoy

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ed B · Accepted Answer

你需要的是一个favicon.ico文件。只需将其放在站点的根目录中，并在页面头部链接到它。

<head>
    <title>My Site</title>
    <link rel="shortcut icon" href="favicon.ico" />
</head>

你应该将它放在你的网站根目录下，并将其命名为favicon.ico，因为有些浏览器即使你在页面上没有链接到它，也会查找它。