HTML5’< link rel = “快捷图标”/>’

针对 HTML5的 WHATWG 文件表示，rel属性必须包含空格分隔的值，然后它给出一个允许值的表。

属性的值必须是一组空格分隔的标记。

link元素的允许关键字列表不包括 shortcut，但是它包括 icon。所以我看到的是那个众所周知的标签

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

想知道它是否与 HTML5兼容。我应该删除关键字 shortcut从这个标签贯穿我的网站？

101387 次浏览
小开
最佳答案

来自同一 WHATWG 文件:

由于历史原因，icon 关键字前面可能有 关键字“快捷方式”。如果存在“快捷方式”关键字，则必须是 紧接在图标关键字之前，两个关键字必须是 只用一个 U + 0020 SPACE 字符分隔。

小开

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

小开

更新: 根据这个页面 < a href = “ https://developer.mozilla.org/en-US/docs/Web/HTML/link _ types”rel = “ nofollow norefrer”> https://developer.mozilla.org/en-us/docs/web/html/link_types

捷径链接类型经常出现在图标之前，但这个链接类型 是不一致的，忽略和网络作者必须不再使用它。

另外，我在 W3Schools 文档中没有看到任何关于 捷径的参考资料，所以我认为最好把它省略掉。https://www.w3schools.com/tags/att_link_rel.asp

小开

我已经在 Google Chrome，Mozilla Firefox，Internet Explorer 和微软 Edge 上测试过这段代码，唯一不能工作的浏览器是 Edge。当从硬盘上制作的页面添加 Favorite 时，例如 c: temp test.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>

提交答案