我的网页实际上并不在互联网上。我将它保存在我的计算机上,我只是从我的计算机上打开HTML文件 - 网站的导航全部在我的计算机上。无论如何,在我将我的网站放在互联网上之前,我想测试我的所有代码,包括我的favicon。不过,我的favicon并没有出现。以下是我发现目前为止最常推荐的代码:
<link rel="icon" href="/favicon.ico" type="image/x-icon">
答案 0 :(得分:2)
尝试“快捷图标”而不是“图标”:
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
请注意,您的favicon的路径是相对于html文件。如果两者都在同一目录中,则路径只是“favicon.ico”,不是斜线。
答案 1 :(得分:0)
favicon.ico必须位于您的根文件夹中,与index.html相同的位置,当然您必须拥有localhost服务器
<link href="favicon.ico" rel="shortcut icon">
答案 2 :(得分:0)
link
元素是正确的(尽管type
属性是多余的,并且它可以实现的所有目的是阻止浏览器使用该图标),但是URL /favicon.ico
是相对的,并且当HTML文档是本地文档时通常不起作用。本地访问的HTML文档具有file:
URL,并且这些URL根据定义是系统相关的,并且在实践中它们也依赖于浏览器。例如,在典型的Windows系统中,您将favicon.ico直接放在C:盘的根目录中(通常需要管理员权限),Chrome会找到它,Firefox不会,因为它们使用不同的{{1打开本地文件时的URL。
因此,在本地测试中,您通常应使用与当前文档相关的相对URL,例如与file:
中一样(当favicon.ico与引用的HTML文件位于同一文件夹中时)或href=favicon.ico
时(当favicon.ico位于href=../images/favicon.ico
文件夹中时引用HTML文件所在的文件夹。)
如果您需要使用相对于服务器根目录的URL进行本地测试,则应下载并安装本地HTTP服务器,例如XAMPP。