Question

HTML5的WHATWG document表示rel属性必须包含以空格分隔的值，然后它会提供允许值的表格。

attribue的值必须是一组以空格分隔的标记。 allowed keywords and their meanings ...

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

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

并想知道它是否符合HTML5标准。我应该在整个网站中从此标记中删除关键字shortcut吗？

Answer 1

来自同一个WHATWG文件：

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

Answer 2

更新：根据此页面https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types

快捷方式链接类型经常出现在icon之前，但此链接类型是不符合，被忽略的，网络作者不能再使用它了。

另外，我在W3C文档中没有看到快捷方式的任何引用，所以我认为最好不要这样做。 https://www.w3schools.com/tags/att_link_rel.asp

Answer 3

虽然它还处于试验阶段（因为HTML5开发正在进行中），但是 w3.org HTML5 Markup Validator 是一个很好的在线工具，你可以看看。我在大约6个月前广泛使用它，它总是回馈准确的HTML5语法报告。

Answer 4

我已经在Crome，Firefox，“ Internet Explorer”，“ Edge”上测试了此代码。唯一没有起作用的是从c：\ temp \ test.html

在硬盘驱动器上制作的页面添加“收藏夹”时出现“边缘”

<html>
<head>
<META HTTP-EQUIV="Expires" CONTENT="0"><!-- Never cache page -->
<link  id="favicon" rel="shortcut icon" href="icon_32.ico">
</head>
<body>
...
</body>
</html>

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

4 个答案: