我的网页实际上并不存在于互联网上。我把它保存在我的电脑上，我只是从我的电脑上打开 HTML 文件——网站的导航都在我的电脑上。无论如何，在我把我的网站放到互联网上之前，我想测试我的所有代码，包括我的网站图标。不过，我的网站图标没有出现。这是迄今为止我发现最推荐的代码：
<link rel="icon" href="/favicon.ico" type="image/x-icon">
问问题
1632 次
3 回答
2
尝试“快捷方式图标”而不是“图标”：
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
请注意，您的网站图标的路径是相对于 html 文件的。如果两者都在同一个目录中，则路径只是“favicon.ico”，没有斜杠。
于 2013-09-14T23:53:51.587 回答
0
favicon.ico 必须在您的根文件夹中，与您的 index.html 相同的位置，当然您必须有一个 localhost 服务器
<link href="favicon.ico" rel="shortcut icon">
于 2013-09-15T00:42:28.503 回答
0
该link元素本身是正确的（尽管该type属性是多余的，它所能实现的只是阻止浏览器使用图标），但是 URL/favicon.ico是相对的，并且通常在 HTML 文档是本地的时不起作用。本地访问的 HTML 文档有一个file:URL，根据定义，这些 URL 依赖于系统，实际上它们也依赖于浏览器。例如，在典型的 Windows 系统中，您将 favicon.ico 直接放在 C: 磁盘的根目录中（通常需要管理员权限），Chrome 会找到它，而 Firefox 不会，因为当您使用不同的file:URL 时打开本地文件。
因此，在本地测试中，您通常应该使用相对于当前文档的相对 URL，例如href=favicon.ico（当 favicon.ico 与引用的 HTML 文件在同一文件夹中时）或如中href=../images/favicon.ico（当 favicon.ico 在images文件夹中时）这是引用 HTML 文件所在文件夹的同级）。
如果您需要使用相对于服务器根目录的 URL 进行本地测试，您应该下载并安装本地 HTTP 服务器，例如 XAMPP。
于 2013-09-15T06:47:25.003 回答