在 html 中,無序列表 () 使用圓點作為項目符號,代表非順序項目,而有序列表 () 使用數字或字母作為項目符號,代表按順序排列的項目。選擇 用于非順序列表, 用于順序列表。
ul 和 ol 在 HTML 中的區別
在 HTML 中,<ul></ul>
(無序列表)和 <ol></ol>
(有序列表)都用于創建項目列表,但它們之間存在以下主要區別:
項目符號:
<li>
<ul></ul>
使用圓點(?)作為項目符號。
<li>
<ol></ol>
使用數字或字母作為項目符號。
項目順序:
<li>
<ul></ul>
中的項目沒有特定的順序。
<li>
<ol></ol>
中的項目按照創建順序顯示。
語義:
<li>
<ul></ul>
用于表示包含非序列項目的列表。
<li>
<ol></ol>
用于表示包含序列項目的列表,例如步驟或編號的項。
代碼示例:
<code class="html"><ul> <li>項目 1</li> <li>項目 2</li> <li>項目 3</li> </ul> <ol> <li>步驟 1</li> <li>步驟 2</li> <li>步驟 3</li> </ol></code>
登錄后復制
選擇合適類型的列表:
<li>當你想創建一個沒有特定順序的項目列表時,使用 <ul></ul>
。
<li>當你想創建一個有順序的項目列表時,使用 <ol></ol>
。
注意事項:
<li>雖然 <ul></ul>
通常使用圓點符號,但可以通過 CSS 更改該符號。
<li>
<ol></ol>
可以通過 type
屬性更改項目符號,例如羅馬數字或字母。
<li>為了可訪問性,應使用 <li>
元素作為列表中的每一項。