在 <head> 中是否有可用的 wrapper/grouping 元素？

Question

我有一个站点可以使用 XMLHttpRequest 获取完整的 HTML 页面，将它们解析为页面发生变化的部分，然后将它们与当前页面内容交换以避免 refresh/some标记开销。这对 <body> 非常有效（例如 <main> 中的所有内容）；但有时 <head> 中存在页面特定的元数据，例如 <meta name="theme-color">、页面特定的脚本和样式等

是否有一个元素可以环绕特定于页面的元数据，以便于将其从页面中解析出来？我唯一能想到的就是滥用评论或黑掉一些评论其他标签用作非本地 "start"/"end" 标记，这与现有软件不兼容。

Answer 1

我不知道有什么标签可以用来包装所有元素，但您可以为它们分配一个特殊的数据属性，并获取所有具有该属性的元标签。我假设您使用的是 JavaScript，因为您提到了 XMLHttpRequest，但这也可能是其他语言。以后请在问题的标签中注明语言。

<head>
   <meta name="unrelated">
   <meta name="theme-color" data-theme>
   <meta name="theme-background" data-theme>
</head>

<script>
var meta = document.head.getElementsByTagName('meta');
for(i = 0, l = meta.length; i < l; ++i) {
   if(meta[i].hasAttribute('data-theme')) {
      // do something
   }
}
</script>

在 <head> 中是否有可用的 wrapper/grouping 元素？

Is there a wrapper/grouping element usable in <head>?

html

javascript

metadata

head