这个html是否必要?

时间:2010-01-14 09:22:05

标签: html favicon rel

<link rel="shortcut icon" href="/favicon.ico">
<link rel="Bookmark" href="/favicon.ico">

我在某个地方看到了它,但<link rel="Bookmark"..是否必要?

3 个答案:

答案 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” - 然后您将在浏览器栏的角落(取决于您的浏览器)获取您的小图标。