HTML标签 之 列表标签

列表标签经常用于布局中，整洁、有序。列表分为无序列表、有序列表和自定义列表三类。

一、无序列表

<ul> 标签表示 HTML 页面中项目的无序列表，一般会以项目符号呈现列表项，列表项用 <li> 标签来定义。

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>梨</li>
</ul>

展示效果如下：

• 苹果
• 香蕉
• 梨

说明：1、无序列表的各个列表项之间没有顺序级别之分，是并列的。2、<ul></ul> 中只能嵌套 <li></li>，嵌套其他标签或者文字是不被允许的。3、<li>标签相当于一个容器，里面可以放任何元素。4、要改变无序列表的样式，一般用 CSS 来设置。

二、有序列表

<ol> 标签表示 HTML 页面中项目的有序列表，列表排序以数字来显示，列表项同样是用 <li> 标签。

<ol>
  <li>苹果</li>
  <li>香蕉</li>
  <li>梨</li>
</ol>

展示效果如下：

1. 苹果
2. 香蕉
3. 梨

同样的，<ol></ol> 中只能嵌套 <li></li>，嵌套其他标签或者文字是不被允许的。

三、自定义列表

自定义列表常用于对术语或名词的解释和描述，定义列表的列表项前没有任何项目符号。

<dl> 标签用于定义列表，列表项用 <dt> 和 <dd> 标签来描述。

<dl>
  <dt>联系我们</dt>
  <dd>新浪微博</dd>
  <dd>微信公众号</dd>
  <dd>400 热线</dd>
</dl>

效果如下：

说明：1、<dl></dl> 里面只能包含 <dt> 和 <dd>。2、<dt> 和 <dd> 没有个数限制，通常是一个 <dt> 对应多个 <dd>。