网站图标未显示在主分支index.html上

问题描述 投票:0回答:1

我的项目是一个托管在 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>

html github-pages favicon
1个回答
1
投票

您的

<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
”。

© www.soinside.com 2019 - 2024. All rights reserved.