我的项目是一个托管在 GitHub Pages 上的作品集网站,所有图像都托管在我的大学服务器上。地址是säll.com
我遇到的问题是,在我的主分支中,我有一个
index.html
文件,其中包含该图标的代码
<link rel="icon" type="image/png" href="https://people.kth.se/~dsall/favicon.png?"/>
如您所见,如果您访问 säll.com,它不会显示。然而,在例如 säll.com/alunskar 上,我有完全相同的代码并且它显示了。
我做错了什么?我尝试了添加问号的东西,x-ico 的东西。
<p><html>
嘿
您的
<link rel='icon' ...>
标签出现在链接网站的 <body>
元素中。
虽然某些
<link>
标签可以出现在此处并被视为语法上有效,但 icon
关系必须出现在 <head>
中。
MDN 在 的页面上提供了
<link>
的有用摘要:
元素可以出现在<link>
或<head>
元素中,具体取决于它是否具有<body>
的链接类型。例如,body-ok
链接类型为stylesheet
,因此正文中允许使用body-ok
。然而,这并不是一个值得遵循的好习惯。将<link rel="stylesheet">
元素与身体内容分开,将它们放入<link>
中更有意义。<head>
参见相关的 HTML 规范;请注意,
icon
不是“body-ok
”。