我希望在HTML页面中的标题上有一个图像(即在标签上和标题一起)。我怎么能这样做?
答案 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:
答案 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,以支持所有已知设备。新型浏览器会自动调整其大小。