模板标签内的html和body标签

时间:2018-10-05 22:31:46

标签: web-component

我有一个自定义元素,我想用模板标签中的DOM填充它。除html和body标签外,所有内容似乎都插入到自定义元素中。这是否意味着自定义元素中不允许html和body标签?这是我的代码

@media (min-width: 600px) {
  .container {position: relative;}
  .b {position: absolute; right: 0; top: 0;}
}

1 个答案:

答案 0 :(得分:1)

是的

HTML5文档的根节点必须是<html>元素。 <html>元素的子节点必须是<head><body>元素。

实际上是you can omit them,但随后会暗示

在文档中,如果您未指定<html><head><body>元素,则无论如何浏览器都将添加它们,并且您定义的根节点将是根据其类型和在页面中的位置添加到<head><body>中:

    <link>内的
  • <meta><script><head> ...,如果它们位于文档的开头。

  • <div><span><section><body>中的自定义元素。

  • 一旦元素被插入,内部的所有后续元素。


自定义元素的content model类型为 Flow Phrasing Paplable内容。这意味着必须将其插入<body>元素内。

自定义元素内的

<html><body>无效且被忽略。