如何在基于计算机的网页上添加图标?

时间:2013-09-14 23:51:06

标签: html favicon

我的网页实际上并不在互联网上。我将它保存在我的计算机上,我只是从我的计算机上打开HTML文件 - 网站的导航全部在我的计算机上。无论如何,在我将我的网站放在互联网上之前,我想测试我的所有代码,包括我的favicon。不过,我的favicon并没有出现。以下是我发现目前为止最常推荐的代码:

<link rel="icon" href="/favicon.ico" type="image/x-icon"> 

3 个答案:

答案 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。