HTML标题图片

时间:2010-06-23 16:20:09

标签: html favicon

我希望在HTML页面中的标题上有一个图像(即在标签上和标题一起)。我怎么能这样做?

7 个答案:

答案 0 :(得分:49)

您需要的是favicon.ico文件。 只需将其放在网站的根目录中,然后在页面标题中将其链接到

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

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

答案 1 :(得分:21)

对于跨浏览器兼容性,似乎需要两行for favicon:

<强>标题

<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" />

FAVICON GENERATOR:

DYNAMIC DRIVE

答案 2 :(得分:4)

请在head-elements中添加与此类似的行:

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

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

答案 3 :(得分:3)

您想要设置图标。这是标记:

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

将此标记添加到<head />,它会指示网站的浏览器下载href中引用的图片。

答案 4 :(得分:1)

如何将Favicon添加到您的站点(W3C):
http://www.w3.org/2005/10/howto-favicon

你可以使用这样的在线生成器制作任何图像的图像:
http://tools.dynamicdrive.com/favicon/

答案 5 :(得分:0)

我刚刚找到了我想在线的图标,右键单击并选择“复制图像URL”

<head>
<title>(title)</title>
<link rel="shortcut icon" href="(image URL)"/>
<head>

答案 6 :(得分:0)

您还可以使用png图片,并使其最小为310x310px,以支持所有已知设备。新型浏览器会自动调整其大小。