HTML列表

### HTML列表

HTML提供了几种不同的列表类型，用于组织和展示项目或信息。

#### 无序列表（`<ul>`和`<li>`）

无序列表使用`<ul>`（unordered list）标签定义，其中的每个列表项使用`<li>`（list item）标签表示。无序列表的项目通常用圆点（默认样式）标记。

**示例代码：**
```html
<ul>
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ul>
```

#### 有序列表（`<ol>`和`<li>`）

有序列表使用`<ol>`（ordered list）标签定义，其中的每个列表项同样使用`<li>`标签表示。有序列表的项目通常用数字、字母或罗马数字标记。

**示例代码：**
```html
<ol>
  <li>项目1</li>
  <li>项目2</li>
  <li>项目3</li>
</ol>
```

#### 定义列表（`<dl>`, `<dt>`, `<dd>`）

定义列表用于展示术语和它们的定义。它由`<dl>`（description list）标签包裹，每个术语用`<dt>`（description term）标签表示，对应的定义用`<dd>`（description details）标签表示。

**示例代码：**
```html
<dl>
  <dt>术语1</dt>
  <dd>术语1的定义</dd>
  <dt>术语2</dt>
  <dd>术语2的定义</dd>
</dl>
```

### 列表的嵌套

列表可以嵌套在其他列表中，以创建多层次的结构。

**示例代码（无序列表嵌套）：**
```html
<ul>
  <li>项目1</li>
  <li>项目2
    <ul>
      <li>子项目1</li>
      <li>子项目2</li>
    </ul>
  </li>
  <li>项目3</li>
</ul>
```

**示例代码（有序列表嵌套）：**
```html
<ol>
  <li>项目1</li>
  <li>项目2
    <ol>
      <li>子项目1</li>
      <li>子项目2</li>
    </ol>
  </li>
  <li>项目3</li>
</ol>
```

列表在HTML中是展示信息和组织内容的一种非常有效的方式，它们不仅有助于提高页面的可读性，而且对于搜索引擎优化（SEO）也非常有利。