Question

如何在HTML5中创建一个无序的项目列表，顶部有一个组名？这些项目应该缩进。

例如：

GroupName1
    Item1
    Item2
    Item3
GroupName2
    Item4
    Item5

Answer 1

为什么不在列表中列出一个列表？

<ul>
  <li>
    Group 1
    <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
  </li>
  <li>
    Group 2
    <ul>
      <li>Item 4</li>
      <li>Item 5</li>
    </ul>
  </li>
</ul>

Answer 2

我认为scurker’s answer是要走的路，但是如果你的团队彼此真正分开，因此在一个大的列表中没有真正意义，你可以这样做：

<section>
    <h1>GroupName1</h1>

    <ul>
        <li>Item1</li>
        <li>Item2</li>
        <li>Item3</li>
    </ul>
</section>

<section>
    <h1>GroupName2</h1>

    <ul>
        <li>Item4</li>
        <li>Item5</li>
    </ul>
</section>

HTML5中的无序列表，带有列表/组名称

2 个答案: