将模板标签添加到 HTML 文档的头部或正文有什么区别吗?

giv*_*nse 6 html html-templates

使用head还是body添加模板标签有什么需要注意的地方吗?前任:

conste template = document.createElement('template');
// add template content etc.

document.body.appendChild(template);
// or
document.head.appendChild(template);
Run Code Online (Sandbox Code Playgroud)

我只是偶然发现了一个动态添加模板的代码库head,我的直觉告诉我,也许这不是最好的主意,但也许并不重要?

Alo*_*hci 6

模板是所有元素中放置位置最灵活的元素之一。规范说

\n\n
\n

可以使用此元素的上下文:
\n - 需要元数据内容的位置。
\n - 需要措辞内容的地方。
\n - 需要脚本支持元素的地方。
\n - 作为 colgroup 元素的子元素,\xe2\x80\x99t 没有 span 属性。

\n
\n\n

“元数据内容是预期的。” 本质上是指在头脑中。

\n\n

“需要措辞内容的地方。” 本质上意味着 body 元素的有效子元素可以到达的任何地方。

\n\n

“需要脚本支持元素的地方”意味着它甚至可以出现在短语内容不能出现的地方,例如 ul、ol、table、tbody、tr 等元素的子元素。

\n