HTLM CSS中的link标签可以在head标签之外使用吗?[duplicate]

dldeef67  于 2023-03-05  发布在  其他
关注(0)|答案(2)|浏览(127)
    • 此问题在此处已有答案**:

Link a Stylesheet (CSS) outside of the HEAD Tag(1个答案)
3天前关闭。
HTML中的<link>标记可以在<head>元素之外吗?
如果没有,原因是什么?
我想知道是否可以将标记放在<head>元素之外

axr492tv

axr492tv1#

首先,你应该学会做你自己的研究负担。这样的问题可以很容易地回答自己的研究努力,通过阅读文档(API)。
具体而言,有2个机构指定Web堆栈中的所有内容:

  • W3C(万维网联盟)
  • 网络超文本应用技术工作组

作为用户阅读文档的最简单方法是使用MDN Web Docs(Mozilla开发者网络Web文档)。
如果您查看链接标记的MDN Web文档,您会发现规范部分,在本例中,这将导致链接标记的WHATWG规范。
WHATWG规范明确指出:
如果使用rel属性,则元素只能有时在页面的body中使用。当与itemprop属性一起使用时,元素既可以在head元素中使用,也可以在页面的body中使用,受制于微数据模型的约束。
这意味着,根据官方规范,在某些情况下,链接标记可以在正文中使用。

omqzjyyz

omqzjyyz2#

在某些条件下,可以。
如果它具有body-ok的rel属性,即dns-prefetchmodulepreloadpingbackpreconnectprefetchpreloadprerenderstylesheet中的一个,或者如果它具有itemprop属性,则它是 * 允许在主体中 *。如果它不满足这两个条件中的任一个,但是它也不是一个解析错误,因此不会在DOM中被移走,但是它的动作可能不起作用。

console.log(document.querySelector("#link").parentNode === document.body);
// It's still in the body, but the favicon wouldn't be set by this tag
<!-- we're in the <body> here -->
<link rel="icon" href="" id="link">

相关问题