HTML5和JS在創建和設置列表時非常方便，他們可以讓我們輕松地創建列表、列表項、甚至是嵌套列表。下面讓我們看一下如何使用HTML5和JS來設置列表。

<ul id="myList">
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>

上述代碼表示創建了一個ID為"myList"的列表，其中包含三個列表項。我們還可以使用JS來創建和設置列表。以下代碼展示了如何使用JS創建一個列表和多個列表項。

var myList = document.createElement("ul");
document.body.appendChild(myList);
var listItem1 = document.createElement("li");
listItem1.innerText = "列表項1";
myList.appendChild(listItem1);
var listItem2 = document.createElement("li");
listItem2.innerText = "列表項2";
myList.appendChild(listItem2);
var listItem3 = document.createElement("li");
listItem3.innerText = "列表項3";
myList.appendChild(listItem3);

在這個示例中，我們使用document.createElement()方法創建了一個新的<ul>元素，并將其附加到了HTML文檔中。然后，我們使用相同的方法創建每個列表項，并將它們附加到<ul>元素中。 這是一個常用的JS技巧，我們可以使用JS動態地創建和操作頁面元素。

如果我們想給列表項設置類或ID，可以使用classList和setAttribute方法。例如：

listItem1.classList.add("active");
listItem2.setAttribute("id", "item-2");

使用以上方式，我們可以創建和設置各種不同類型的列表，并用CSS或JS操作其外觀和行為。