<link rel="shortcut icon" href="/favicon.ico">
<link rel="Bookmark" href="/favicon.ico">
我在某处看到它,但有<link rel="Bookmark"..
必要吗?
该书签链接不正确。它应该是:
<link rel="bookmark" href="http://my.site.com/some/path/permalink.html">
即永久链接而不是图标。请参阅HTML 4.01 规范中的6.12 链接类型:
书签
指书签。书签是指向扩展文档中关键入口点的链接。例如,可以使用标题属性来标记书签。请注意,可以在每个文档中定义多个书签。
这是添加网站图标的跨浏览器方式:
<link rel="icon" href="/favicon.ico" />
<link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
图标文件本身最好是 16x16 像素和 gif 格式(IE6 不会使用透明 png)并且小于 500 字节。尽管大多数现代浏览器现在几乎可以接受任何东西,当然这将是您的带宽和他们的等待。
我用谷歌搜索了一个说明这一点的页面。 关联
正如 cletus 提到的,书签链接不适用于网站图标,您提供的代码实际上是错误的。
编辑: favicon 链接不会影响您的书签本身,但它可以帮助浏览器在选项卡或浏览器的书签菜单上存储一个小图标。StackOverflow 使用这个图标。
但是有必要吗?如果您的图标位于/favicon.ico
,那么它根本不是绝对关键的。大多数浏览器默认检查该路径,但如果您喜欢我将您的网站图标放在一个目录中,就像/images/favicon.ico
您需要告诉浏览器从那里获取它一样,否则您的服务器将在其日志中构建大量 404-Not Found 错误。这会减慢速度(有点)。此外,您可能希望为不同的目录等设置不同的图标。
这是一种跨浏览器方式,可确保浏览器知道您的网站图标的位置,以便查看页面和为页面添加书签。如果您不知道该代码是什么,则很有可能您没有网站图标。最简单的制作方法是制作一个 16x16px 的 gif 并将其扩展名更改为“.ico” - 然后你会在浏览器栏的角落看到你的小图标(取决于你的浏览器)。