在 HTML 中,无序列表 (<ul>) 使用圆点作为项目符号,代表非顺序项目,而有序列表 (<ol>) 使用数字或字母作为项目符号,代表按顺序排列的项目。选择 <ul> 用于非顺序列表,<ol> 用于顺序列表。

ul 和 ol 在 HTML 中的区别
在 HTML 中,<ul>(无序列表)和 <ol>(有序列表)都用于创建项目列表,但它们之间存在以下主要区别:
项目符号:
-
<ul>使用圆点(•)作为项目符号。 -
<ol>使用数字或字母作为项目符号。
项目顺序:
立即学习“前端免费学习笔记(深入)”;
-
<ul>中的项目没有特定的顺序。 -
<ol>中的项目按照创建顺序显示。
语义:
-
<ul>用于表示包含非序列项目的列表。 -
<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>
选择合适类型的列表:
- 当你想创建一个没有特定顺序的项目列表时,使用
<ul>。 - 当你想创建一个有顺序的项目列表时,使用
<ol>。
注意事项:
- 虽然
<ul>通常使用圆点符号,但可以通过 CSS 更改该符号。 -
<ol>可以通过type属性更改项目符号,例如罗马数字或字母。 - 为了可访问性,应使用
<li>元素作为列表中的每一项。











