HTML5`<link rel="shortcut icon" />`

问题描述 投票：0回答：4

HTML5 的 WHATWG 文档 规定 

rel
属性必须包含以空格分隔的值，然后它给出了允许值的表格。

属性的值必须是一组以空格分隔的标记。 允许的关键字及其含义...

link
元素允许的关键字列表不包括
shortcut
，但包含
icon
。所以我正在看这个众所周知的标签

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

并且想知道它是否兼容 HTML5。我是否应该从整个网站的此标签中删除关键字 

shortcut
？

html favicon
4个回答
65
投票

来自同一份 WHATWG 文档：

由于历史原因，图标关键字前面可能带有 关键词“快捷方式”。如果存在“shortcut”关键字，则必须是 紧接在图标关键字之前，并且这两个关键字必须是 仅由一个 U+0020 空格字符分隔。

20
投票

更新

根据 MDN 文档：

快捷方式链接类型经常出现在图标之前，但此链接类型 不符合要求，被忽略，网络作者不得再使用它。

另外，我在 W3Schools 文档中没有看到任何关于 shortcut 的参考，所以我认为最好将其忽略。

4
投票

我已经在 Google Chrome、Mozilla Firefox、Internet Explorer 和 Microsoft Edge 上测试了这段代码，唯一无法运行的浏览器是 Edge。当从硬盘 ex c: emp est.html 上制作的页面添加收藏夹时

<html>
<head>
<meta http-equiv="expires" content="0"><!-- Never caches the page -->
<link id="favicon" rel="shortcut icon" href="icon_32.ico">
</head>
<body>
...
</body>
</html>
3
投票

虽然仍处于实验阶段（因为 HTML5 开发正在进行中）， w3.org HTML5 标记验证器 是一个很好的在线工具，您可以查看。大约 6 个月前，我广泛使用了它，它总是返回准确的 HTML5 语法报告。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.