HTML 列表

在 HTML 中，有 3 种不同类型的列表，包括无序列表（Unordered List）、有序列表（Ordered List）和定义列表（Definition List）。每种列表都有其特定的使用场景和使用方法。

1、无序列表（Unordered List）

无序列表使用 <ul> 标签定义，列表项使用 <li> 标签定义。列表项通常会以项目符号（通常是圆点）进行标记。

<ul>  
  <li>列表项 1</li>  
  <li>列表项 2</li>  
  <li>列表项 3</li>  
</ul>

2、有序列表（Ordered List）

有序列表使用 <ol> 标签定义，列表项同样使用 <li> 标签定义。列表项通常会以数字或字母顺序进行标记。

<ol>  
    <li>列表项 1</li>  
  <li>列表项 2</li>  
  <li>列表项 3</li>  
</ol>

3、定义列表（Definition List）

定义列表使用 <dl> 标签定义，列表项由术语（使用 <dt> 标签）和描述（使用 <dd> 标签）组成。

<dl>  
  <dt>术语 1</dt>  
  <dd>描述术语 1 的内容</dd>  
  <dt>术语 2</dt>  
  <dd>描述术语 2 的内容</dd>  
</dl>

列表项嵌套

在 HTML 中，列表项（<li>）可以嵌套在其他列表（<ul>、<ol> 或 <dl>）中，以创建嵌套的列表结构。

<ul>  
  <li>列表项 1  
    <ul>  
      <li>子列表项 1</li>  
      <li>子列表项 2</li>  
    </ul>  
  </li>  
  <li>列表项 2</li>  
</ul>

HTML 列表标签：

标签名称	标签描述
<ol>	定义有序列表
<ul>	定义无序列表
<li>	定义列表项
<dl>	定义列表
<dl>	自定义列表项目
<dd>	定义自定列表项的描述

注意事项

列表项 <li> 必须作为列表（ <ul>、<ol> 或 <dl> ）的直接子元素。

<dt>（定义术语）和 <dd>（定义描述）必须作为定义列表（ <dl> ）的子元素。

可以使用 CSS 来定制列表的显示方式，包括项目符号、缩进、字体样式等。