帶有列表/組名稱的HTML5中的無序列表

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>