示例 04：列表 ul / ol / dl

三种列表，各管一件事

顺序有没有意义、条目之间是不是并列、是不是「名词 + 解释」——用这三个问题就能选对标签。

ul：无序，顺序无关

支持 UTF-8
- 中文标题不乱码
- emoji 正常显示
支持表格
体积小

嵌套直接把新的 <ul> 放在父 <li> 内部，不要放在 </li> 之后。

ol：有序，顺序即语义

解压安装包
双击 setup.exe
同意协议并完成安装

type="A" 换成字母编号，start="5" 从 5 开始，reversed 倒着数。value="10" 可以给单个 <li> 指定序号。

dl：术语 + 说明

DOM: 浏览器把 HTML 解析出来的节点树，JavaScript 操作的就是它。
CSSOM: 样式规则对应的对象模型，和 DOM 是两棵树。
渲染树: DOM 与 CSSOM 合并后的结果，只包含可见节点。

一个 <dt> 可以跟多个 <dd>（一词多义），也可以多个 <dt> 共用一个 <dd>（多词一义）。

常见误用

用 <br> 或一堆 <p> 假装列表：读屏会播报「列表，3 项」这类有用信息，靠换行堆出来的东西没有。
把导航写成 div + a：站内导航的正确形状是 <nav> + <ul> + <li> + <a>。
去掉圆点用 <ul style="margin:0;list-style:none"> 但留着无意义的 li：这是可以的做法，比改用 div 更好；真正别做的是为了「没有圆点」而放弃列表语义。