HTML5 `<link rel= "значок ярлыка" /">`
WHATWG document для HTML5 говорит, что атрибут rel
должен содержать значения, разделенные пробелами, а затем он дает таблицу допустимые значения.
Значение атрибута должно быть набором маркеров, разделенных пробелами. разрешенные ключевые слова и их значения...
Список допустимых ключевых слов для элемента link
не включает shortcut
, но включает icon
. Поэтому я смотрю на слишком хорошо известный тег
<link rel="shortcut icon" href="/favicon.ico" />
и интересно, совместим ли он с HTML5. Должен ли я удалить ключевое слово shortcut
из этого тега на моем веб-сайте?
Ответы
Ответ 1
Из того же документа WHATWG:
По историческим причинам ключевому слову значка может предшествовать ключевое слово "ярлык". Если ключевое слово "shortcut" присутствует, оно должно быть приходят непосредственно перед ключевым словом icon, и два ключевых слова должны быть разделенных только одним символом пробела U + 0020.
Ответ 2
Обновление:
Согласно этой странице https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types
Тип ярлыка часто отображается перед значком, но этот тип ссылки является несоответствующим, игнорируется, и веб-авторы больше не должны его использовать.
Кроме того, я не вижу ссылок на ярлык в документации W3C, поэтому я думаю, что лучше оставить это. https://www.w3schools.com/tags/att_link_rel.asp
Ответ 3
Хотя он все еще находится на экспериментальной стадии (поскольку HTML5 dev продолжается),
w3.org HTML5 Валидатор разметки
это хороший онлайн-инструмент, который вы можете проверить. Я использовал его очень часто около 6 месяцев назад, и он всегда возвращал точные отчеты синтаксиса HTML5.
Ответ 4
Я тестировал этот код на Crome, Firefox, "Internet Explorer", "Edge".
И единственное, что не сработало, было
"Край", когда добавляется "Избранное" со страницы, созданной на жестком диске, например, c 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>