通过HTML代码向网站添加favicon_Html_Favicon

通过HTML代码向网站添加favicon

html

通过HTML代码向网站添加favicon,html,favicon,Html,Favicon,我只是把我所有的文件从xampp的htdocs传输到我的服务器，现在我只需要添加一个favicon 我将图标保存为'favicon1.ico'，图标大小为16x16，但无法正常工作这是我的代码： <html> <title>Server Test</title> <head> <h1> Hello World </h1> <link rel="shortcut icon" href="O:\Intranet\f

我只是把我所有的文件从xampp的htdocs传输到我的服务器，现在我只需要添加一个favicon

我将图标保存为'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中图标的正确位置，因此我不明白为什么这不起作用

我以前从未在网站上添加过favicon，因此我的主要问题是不知道它到底应该是什么样子。

您的favicon路径使用windows风格的文件路径，如评论中所指出的

确保以下几点

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

另外，我建议大家仔细阅读一下favicon的概念，下面的代码应该会起作用。试试这个

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

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

它不起作用，因为

href

属性值应该是URL而不是Windows文件路径。在这种情况下，有没有一种使用文件路径的方法？如果服务器位于您的计算机上，并且只有您访问该页面，您可以通过

文件://O:/Intranet/favicon1.ico

访问favicon。但是，如果您使用相对路径（如

/favicon1.ico

）引用它，那么将favicon放入web目录并使用相对路径会更好。还有一个错误，h1标签应该放在正文部分。可能是重复的，我不能这样做，因为它是局域网上的服务器，站点没有域名。然后将地址指向本地站点，然后再指向您放置图标的位置。@oggle0901使用相对路径。即使没有域，只要favicon1.ico在同一台服务器上，并且可以使用服务器IP地址公开访问，相对路径也可以工作。例如，如果服务器位于本地主机上，则IP地址为127.0.0.1，然后是图像的URL（用于通过浏览器访问）将采用

http://127.0.0.1:port_number/application_url/favicon1.ico