HTML中的什么标签我应该使用,没有特殊的意义,只是为了携带元数据

What tag in HTML should I use without special meaning, only to carry meta data?

本文关键字:元数据 标签 什么 我应该 HTML      更新时间:2023-09-26

是否有任何无度量的HTML标记来携带额外的元数据,例如指定块/区域的JavaScript属性?类似:

<div class="item">
   <meaninglesselement data-id="123">
   <meaninglesselement data-type="sometype">
   <meaninglesselement data-validate="true">
   ...
</div>

我知道我可以将data-*属性移动到div class="item",但我想要一个干净代码的解决方案,即使会有很多参数。

如果整个文档的元数据可能对访问者或机器人程序有用,则应使用meta元素。您只能使用已定义或已注册的name值(但可以在wiki中注册新值(。

对于仅脚本等所需的元数据,您可以在现有元素(例如body(上使用data-*属性,也可以使用script元素:

script元素允许作者在文档中包含动态脚本和数据块。元素不代表用户的内容

[…]

当用于包括数据块(与脚本相反(时,数据必须内嵌,数据的格式必须使用type属性给定,不能指定src属性,并且script元素的内容必须符合为所用格式定义的要求。

您可以将此元素放置在head中,也可以放置在可以使用短语内容(如span(的文档主体中。

有一个关于用作数据块(而不是脚本(的信息示例:

 <script type="text/x-game-map">
 ........U.........e
 o............A....e
 .....A.....AAA....e
 .A..AAA...AAAAA...e
 </script>

因此,您可以使用HTML或JSON或任何您需要的格式。

如果你想使用HTML,它可能(***(看起来像:

<div class="item">
  <script type="text/html">
    <div data-id="123"></div>
    <div data-foo="bar"></div>
    <div>foobar</div>
  </script>
</div>

***(我不确定它是否必须是一个"完整的"符合HTML文档,或者是否也允许像我的例子中那样的"片段"(

数据应用于div,属性应该在div上。如果你想用每行一项来格式化代码,那么你可以。

<div class="item"
     data-id="123"
     data-type="sometype"
     data-validate="true">

没有为存储文档正文中的元数据而设计的元素。