我有一个自定义元素,我想用模板标签中的DOM填充它。除html和body标签外,所有内容似乎都插入到自定义元素中。这是否意味着自定义元素中不允许html和body标签?这是我的代码
@media (min-width: 600px) {
.container {position: relative;}
.b {position: absolute; right: 0; top: 0;}
}
答案 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>
无效且被忽略。