HTML标题图片

Jam*_*mes 47 html favicon

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

Ed *_*d B 50

你需要的是一个favicon.ico文件.只需将其放在网站的根目录中,然后在页面标题中将其链接即可

<head>
    <title>My Site</title>
    <link rel="shortcut icon" href="favicon.ico" />
</head>
Run Code Online (Sandbox Code Playgroud)

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


Zuu*_*uul 21

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

标题

<title>PAGE TITLE HERE</title>
Run Code Online (Sandbox Code Playgroud)

图标

<link rel="SHORTCUT ICON" href="http://domain and path/favicon.ico" />
<link rel="icon" href="http://domain and path/favicon.ico" type="image/ico" />
Run Code Online (Sandbox Code Playgroud)

FAVICON发生器:

动力驱动


Hen*_*ann 5

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

<link rel="shortcut icon" href="/somwhere/icon.ico">
Run Code Online (Sandbox Code Playgroud)

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