javascript - HTML5 : element <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 实用程序):

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 查询元素。