HTML5：元素<group> </group>

Question

您建议有效HTML5-tag，将一个或多个元素组合成一个群组？

示例：                              

  <!-- Not valid, see below - just ignore -->
    <ul>
      <li>Test1<li>
      <group id="2"><li>Test 2</li></group>
      <li>Test2<li>
      <li>Test3<li>
    </ul>
 <!-- // -->

  <p>Test Text 1 <group id="3">Lorem ipsum dolor</group></p>

</body>
</html>

Javascript（使用DOM-Utility）：

console.log($('group#2'));

Answer 1

这取决于具体情况。 Here is the spec for all grouping elements of block level（或者我喜欢this visualization）。你想要一些适合语义的东西。例如，如果您有文章，则需要使用<article>标记。如果您要定义页面的一部分，请使用<section>。如果要对标题进行分组，请使用<hgroup>。如果您正在使用x，请使用x标记。

列表一直在继续。找到上下文的适当元素。但请注意，旧版浏览器不知道如何处理这些元素，因此您需要了解自己的样式以及如何使用JavaScript查询元素。

Answer 2

在这种情况下，您应该使用类名：

<li class="group2">Test 2</li>