javascript - 正文中的元标记

Question

我正在为我的客户实现一个系统，每当抛出特定错误时，都会将跟踪元素附加到 DOM(它只需要在 data-trkError 属性中具有特定值)。我的第一个想法是使用

<span data-trkError="BLAH" style="display: none;"></span>

但后来我突然想到，直观上这感觉就像 meta 标签的用途。然而，这几乎需要附加到 DOM 中的特定 div，即正文中。这是一个问题吗？正文树中的元标记是否有任何违反标准或非最佳实践的地方？

干杯

Answer 1

我同意 meta 比空的 span 更适合。但是(即使如果您可以在body中使用它们)，请注意您不能只使用自定义meta关键字。在 HTML5 中，只有 defined/registered values有效。

但是，如果用于 Microdata 或 RDFa，则可以在 body 中包含 meta 元素。例如，RDFa extends HTML5:

If the @property RDFa attribute is present on the link or meta elements, they MUST be viewed as conforming if used in the body of the document. More specifically, when link or meta elements contain the RDFa @property attribute and are used in the body of an HTML5 document, they MUST be considered flow content.

因此，您可以为元数据创建(或重用现有的)词汇表。但是，根据您的用例，这可能有点过分了。

作为 span 的替代方案，我会 use the script element as data block :

The script element allows authors to include dynamic script and data blocks in their documents. The element does not represent content for the user.

例如:

<script type="text/plain"> <!-- or whichever MIME type suits your need -->
  <!-- your data -->
  <!-- you could of course use data-* attributs on this script element, too -->
</script>