HTML5标准列表用（无序）和（有序）标签，均需嵌套项；语义决定用途：表并列项，表逻辑顺序；嵌套须严格闭合，禁直接子元素嵌套；横向布局优先用flex/grid；术语定义用。
怎么用
HTML5 里做静态网页列表，核心就两个标签： 包裹每一项，不能直接往里面塞文字或其它块级元素（比如 ），否则语义错乱、样式难控。
正确写法示例：
- JavaScript
- CSS
- HTML5
- 需求分析
- 原型设计
- 前端开发
注意：
关键在语义，不是视觉。搜索引擎、读屏软件、代码审查工具都依赖这个区分。
立即学习“前端免费学习笔记（深入）”；
-
-
- 即使你用 CSS 把
- 反过来，如果把购物清单写成
常见踩坑：嵌套、属性滥用、和 CSS 混淆
很多人以为加个 type 或 start 就算“高级用法”，其实容易引发兼容和可访问性问题。
-
type属性（如list-style-type -
start属性虽仍有效，但只适用于纯数字序列；若中间插入，后续编号可能意外跳变，尤其在旧版 Safari 中表现不一致 - 嵌套列表必须严格闭合：
- 一级
- 一级
- 二级
里 - 想让列表横向排列？别用
float或inline硬改，优先用display: flex或display: grid，并保留原始语义结构
静态页里要不要加
当列表不是“一堆并列项”，而是“术语 + 定义”或“键值对”时，
例如配置说明、API 参数表、FAQ：
- timeout
- 请求超时时间，单位毫秒，默认 5000
- retry
- 失败重试次数，默认 2
注意： 和 必须成对出现在 可对应多个 （比如同义词解释），但不能反过来。
真正需要关注的，从来不是“怎么做出序号”，而是“浏览器和用户凭什么相信你列的这些内容有逻辑关系”。静态页没有后端校验，语义写错，就真的错了。
