列表是网页中最常用的一种数据排列方式，在 HTML 中，列表分为三种：有序列表、无序列表和定义列表。
一、有序列表
1、基本用法
使用方式：<ol> <li></li> </ol>，ol 即 ordered list，li 即 list，有序列表的列表项是有顺序的，写法如下：
<ol>
<li> 列表项1 </li>
<li> 列表项2 </li>
<li> 列表项3 </li>
</ol>
在浏览器中显示如下：
- 列表项1
- 列表项2
- 列表项3
注：ol 标签和 li 标签配合使用，不可以单独使用，并且 ol 的内部标签必须是 li 标签。
2、列表项的符号
在使用 ol 列表时，默认的列表项符号为 1. 2. ……，要更改默认的列表项符号，可以使用 type 属性，用法：<ol type="type"> </ol> ，写法如下：
<ol type="a">
<li> 列表项1 </li>
<li> 列表项2 </li>
<li> 列表项3 </li>
</ol>
在浏览器中显示如下：
- 列表项1
- 列表项2
- 列表项3
type 属性取值如下表：
| type | 列表项符号 |
|---|---|
| 1 | 1. 2. 3…… |
| a | a. b. c…… |
| A | A. B. C…… |
| i | i. ii. iii…… |
| I | I. II. III…… |
对于此类设置，也可以使用 CSS 的 list-style-type 属性。
二、无序列表
1、基本用法
使用方式：<ul> <li></li> </ul>，ul 即 unordered list，li 即 list，无序列表的列表项是无顺序的，写法如下：
<ul>
<li> 列表项1 </li>
<li> 列表项2 </li>
<li> 列表项3 </li>
</ul>
在浏览器中显示如下：
- 列表项1
- 列表项2
- 列表项3
注：ul 标签和 li 标签配合使用，不可以单独使用，并且 ul 的内部标签必须是 li 标签；ul 元素内部的文本，只能在 li 元素内部添加。
2、列表项的符号
在使用 ul 列表时，默认的列表项符号为 ● ，要更改默认的列表项符号，可以使用 type 属性，用法：<ul type="type"> </ul> ，写法如下：
<ul type="circle">
<li> 列表项1 </li>
<li> 列表项2 </li>
<li> 列表项3 </li>
</ul>
在浏览器中显示如下：
- 列表项1
- 列表项2
- 列表项3
type 属性取值如下表：
| type | 列表项符号 |
|---|---|
| disc | 实心圆 ● |
| circle | 空心圆 ○ |
| square | 正方形 ■ |
对于此类设置，也可以使用 CSS 的 list-style-type 属性。
三、定义列表
定义列表由两部分组成：名词和描述，基本使用方法为：
<dl>
<dt> 名词 </dt>
<dd> 描述 </dd>
</dl>
其中，dl 即 definition list，表示定义列表；dt 即 definition term，表示要解释的名词；dd 即 definition description，表示名词的具体解释。
有如下代码：
<dl>
<dt>名词 1</dt>
<dd>名词 1 的描述</dd>
<dt>名词 2</dt>
<dd>名词 2 的描述</dd>
<dt>名词 3</dt>
<dd>名词 3 的描述</dd>
</dl>
在浏览器中显示为：
- 名词 1
- 名词 1 的描述
- 名词 2
- 名词 2 的描述
- 名词 3
- 名词 3 的描述
四、HTML 语义化
虽然有时候使用不同标签可以实现相同的效果，但降低了代码的可读性。
例如想要实现一个默认有序列表，可以使用 ol 来实现，也可以用 div 手动为列表项加上符号，这二者在浏览器中可以达到相同的效果，但对于程序员来讲，使用 ol 时可以一眼看出来这段代码的含义，并且出现错误时能迅速找出错误原因。这就是 HTML 的语义化，关注 HTML 的语义化不仅能增强代码的可读性，更有助于搜索引擎优化（SEO）。
学习 HTML 的目的在于：在需要的地方，用正确的标签。
