HTML5是最新的HTML標準，它為我們提供了豐富的標記和特性來開發更加強大的Web應用。其中，產品列表是Web應用中常用的一個元素，可以展示出所有的產品信息，便于用戶選擇。想要在HTML5中創建產品列表，我們需要使用一些標記來定義它們的結構和樣式。

<ul>
<li>產品1</li>
<li>產品2</li>
<li>產品3</li>
</ul>

產品列表通常是一個無序列表（ul）元素，其中每個列表項（li）都對應一個產品。這些列表項可以包含產品名稱、描述、價格等信息。

<ul>
<li>
<h3>產品1</h3>
<p>產品1的描述</p>
<p class="price">價格：$100</p>
</li>
<li>
<h3>產品2</h3>
<p>產品2的描述</p>
<p class="price">價格：$200</p>
</li>
<li>
<h3>產品3</h3>
<p>產品3的描述</p>
<p class="price">價格：$300</p>
</li>
</ul>

除了基本信息外，我們還可以在每個列表項中添加一些樣式來使其更加醒目。例如，我們可以將價格信息添加到單獨的p標記中，并使用class屬性來定義價格文本的樣式。這樣，增加了樣式的產品列表往往更容易吸引用戶的注意。