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






