【发布时间】:2010-01-14 09:22:05
【问题描述】:
<link rel="shortcut icon" href="/favicon.ico">
<link rel="Bookmark" href="/favicon.ico">
我在哪里看到过,但是<link rel="Bookmark".. 有必要吗?
【问题讨论】:
<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">
即永久链接而不是图标。见6.12 Link types 来自HTML 4.01 specification:
书签
指书签。书签是指向关键条目的链接 扩展文档中的点。这 可以使用 title 属性,例如 例如,标记书签。笔记 可以定义几个书签 在每个文档中。
【讨论】:
这是添加网站图标的跨浏览器方式:
<link rel="icon" href="/favicon.ico" />
<link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
图标文件本身最好是 16x16 像素和 gif 格式(IE6 不会使用透明 png)并且小于 500 字节。尽管大多数现代浏览器现在几乎可以接受任何东西,当然这将是您的带宽和他们的等待。
我搜索了一个页面来说明这一点。 link
正如 cletus 所说,书签链接不适用于网站图标,您提供的代码实际上是错误的。
编辑: favicon 链接不会影响您的书签本身,但它可以帮助浏览器在选项卡或浏览器的书签菜单上存储一个小图标。 StackOverflow 使用this 图标。
但有必要吗?如果您的图标位于/favicon.ico,那么它根本不是绝对重要的。大多数浏览器默认检查该路径,但如果你喜欢我将你的 favicon 放在像 /images/favicon.ico 这样的目录中,你需要告诉浏览器从那里获取它,否则你的服务器将在其中建立很多 404-Not Found 错误日志。这会减慢速度(有点)。此外,您可能希望为不同的目录等设置不同的图标。
【讨论】:
<link rel="Bookmark"..。我知道几个月前的问题短图标。
这是一种跨浏览器方式,可确保浏览器知道您的网站图标所在的位置,以便查看页面和为页面添加书签。如果您不知道该代码是什么,则很有可能您没有网站图标。最简单的制作方法是制作一个 16x16px 的 gif 并将其扩展名更改为“.ico” - 然后你会在浏览器栏的角落看到你的小图标(取决于你的浏览器)。
【讨论】: