通过 HTML 代码向网站添加图标

Question

我只是将我的所有文件从 xampp 的 htdocs 转移到我的服务器，现在我只需要添加一个网站图标。

我已将图标另存为 'favicon1.ico'，图标大小为 16x16，但我无法使用它。

这是我的代码：

<html>
<title>Server Test</title>

<head>
<h1> Hello World </h1>


<link rel="shortcut icon" href="O:\Intranet\favicon1.ico"/>

</head>

<body>


</body>
</html>

这是 href 中图标的正确位置，所以我不明白为什么这不起作用。

我以前从未在网站上添加过网站图标，所以我的主要问题是不知道它应该是什么样子。

Answer 1

您的网站图标路径使用 windows 风格的文件路径，正如评论中指出的那样。

确保以下内容

favicon1.ico 文件存在于您要传输到服务器的包中。
确保可以通过 http 访问该文件（尝试使用浏览器导航到该文件）。路径应该类似于 http://server:port/app-uri/favicon1.ico
之后，按照其中一条评论的建议，在 HTML 来源中使用相对路径，例如 ./favicon1.ico。

此外，我建议阅读网站图标的概念 http://www.w3.org/2005/10/howto-favicon

Answer 2

下面的代码应该可以工作。试试这个。

<link rel="icon" type="image/png" href="http://yoursite.com/favicon1.ico">

请注意，href 指向图标的地址，具体取决于您放置图标的位置。

通过 HTML 代码向网站添加图标

Adding a favicon to website through HTML code

html

favicon