小编mon*_*505的帖子

我正在用 PHP 进行开发，并且正在使用一些围绕动态/可变内容的 html 包装器（样式化 div）。换句话说，我多次使用标准模板并用不同的 HTML 填充它，创建外观相似的“模块”。我还使用 jQuery 根据用户交互动态更新内容。每个模块都需要一些额外的信息来告诉 jQuery 如何处理用户交互。我一直在使用微数据或数据属性来实现这一目标之间徘徊。例子：

<script>
  $(document).ready(function() {
    eval($(".wrapper").children("meta[itemprop=userDoesSomething]").attr("content"));
  });
</script?
<div itemscope class="wrapper" id="module1">
  <meta itemprop="userDoesSomething" content="alert('Microdata is better!');">
  Module-specific content
</div>

或者

<script>
  $(document).ready(function() {
    eval($(".wrapper").data("userDoesSomething"));
  });
</script>
<div class="wrapper" id="module1" data-userDoesSomething="alert('Data attributes are better!');">
  Module-specific content
</div>

两者都完成相同的事情，但是对于微数据，我不必将属性插入到包装器的标签中。我可以使用元标记将“数据”包含在包装器中，保持包装器模板完好无损。我也意识到 data 属性可能更合适，因为微数据实际上是用于类型化数据，但在这种情况下，它更方便。从长远来看，有什么想法更好吗？