HTML5 ``

Question

The WHATWG document for HTML5 says that the rel attribute must contain values that are space-separated, and then it gives a table of allowed values.

The attribue's value must be a set of space-separated tokens. The allowed keywords and their meanings...

The list of allowed keywords for the link element does not include shortcut, but it does include icon. So I'm looking at the all-too-well-known tag

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

and wondering if it is HTML5-compliant. Should I remove the keyword shortcut from this tag throughout my Website?

score 61 · Accepted Answer · answered Nov 03 '12 at 17:09

61

From the same WHATWG document:

For historical reasons, the icon keyword may be preceded by the keyword "shortcut". If the "shortcut" keyword is present, it must be come immediately before the icon keyword and the two keywords must be separated by only a single U+0020 SPACE character.

answered Nov 03 '12 at 17:09

Alohci

70,004
12
103
143

7

But if I want to move forward, would it be safe to remove `shortcut `? – chharvey Nov 03 '12 at 20:39
8

It's unlikely any future mainstream browser will require it, if that's what you mean. – Alohci Nov 03 '12 at 21:29
14

@TestSubject: Yeah, you should be fine to simply use `icon`. – unor Nov 04 '12 at 18:04

score 15 · Answer 2 · answered May 23 '17 at 00:41

15

Update: According to this page https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types

The shortcut link type is often seen before icon, but this link type is non-conforming, ignored and web authors must not use it anymore.

Also, I don't see any references of shortcut in the W3C documentation, so I think it's better to leave it out. https://www.w3schools.com/tags/att_link_rel.asp

answered May 23 '17 at 00:41

Pablo Santamaria

597
1
4
17

10

w3schools != W3C – user5532169 Sep 10 '19 at 07:17
1

@pablo Perhaps you might want to edit your answer to improve your references? Perhaps simply remove the reference to w3schools? You might get more upvotes. – qxotk Dec 11 '20 at 16:20

score 3 · Answer 3 · edited Oct 07 '20 at 05:35

3

I have tested this code on Google Chrome, Mozilla Firefox, Internet explorer, and Microsoft Edge, and the only browser that didn't work was Edge. When add Favorite from a page made on harddrive ex 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>

edited Oct 07 '20 at 05:35

Xbox One

138
11

answered Sep 25 '19 at 18:23

user4565320

53
4

Your answer with test results is excellent - you could improve it by adding a little more info to your test info: browser versions, operating system, and perhaps an image of the browser tab for each of the browsers you tested to show the results? – qxotk Dec 11 '20 at 16:23

score 2 · Answer 4 · answered Nov 03 '12 at 22:02

2

Although it is still in its experimental stage (because HTML5 dev is ongoing), the w3.org HTML5 Markup Validator is a good online tool you can check out. I used it extensively about 6 months ago and it always gave back accurate HTML5 syntax reports.

answered Nov 03 '12 at 22:02

Josh Campbell

420
9
23

I found the Markup Validator in this answer useful. As of 2020-12-11 it is functional and did a great job of showing me warnings and errors of all types. Yet it did not flag the following line as a warning or error: Perhaps this information would be better as a comment to the post rather than an answer. – qxotk Dec 11 '20 at 16:33

HTML5 ``

4 Answers4

Linked

Related