通过HTML代码向网站添加favicon

时间:2015-10-27 10:22:43

标签: html favicon

我只是将我的所有文件从xampp的htdoc传输到我的服务器,现在我只需要添加一个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中图标的正确位置,所以我不明白为什么这不应该起作用。

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

2 个答案:

答案 0 :(得分:0)

您的Favicon路径使用注释中指出的Windows样式文件路径。

确保以下

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

另外,我建议阅读favicon http://www.w3.org/2005/10/howto-favicon

的概念

答案 1 :(得分:-1)

以下代码应该有效。试试这个。

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

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