我应该使用什么标签,没有特殊含义,只能携带元数据？

Question

是否应该使用任何无法使用的HTML标记来携带其他元数据,例如指定块/区域的JavaScript属性？喜欢:

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

   ...
</div>

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

Answer 1

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

对于只需要脚本等的元数据,您可以使用现有元素的data-*属性(例如body),或者您可以使用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的文档,或者如果在我的例子中也允许使用"片段")

Answer 2

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

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

没有设计用于存储文档正文中的元数据的元素.