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