HTML5原生列表仅含
- 、
- 配对规则；CSS模拟列表会破坏语义与可访问性。
HTML5 里只有
、、这三种原生列表 没有单独成列表，也没有（已废弃）、（早已移除）这些“伪列表”。浏览器只认这三类语义结构，其他都是靠 CSS 模拟的视觉效果。 常见错误是把
套加样式当“自定义列表”用，结果屏幕阅读器读不出层级，SEO 也抓不到结构信息。：无序列表，项目符号由 CSS 的控制（如list-style-type、disc、circle）none：有序列表，编号类型可设（数字）、type="1"（小写字母）、type="a"（小写罗马）等type="i"：定义列表，必须成对出现（术语）和（定义），一个可对应多个，但不能反过来的和start属性容易被忽略 很多人以为reversed只能从 1 开始正向编号，其实它支持跳号和倒序。比如做错题解析时，想让第 5 题直接显示 “5.”，不用手动写—— 直接用更干净。 倒序常用于排行榜或时间线回溯场景，但要注意：IE 完全不支持start，如果兼容性要求高，得用 JS 补位或改用 CSS 计数器。 立即学习 “ 前端免费学习笔记（深入） ”； 使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件 如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更 下载reversed→ 列表第一项显示为 “3.”，后续自动递增start="3"（布尔属性）→ 编号从大到小，如reversed渲染为 “2. A / 1. B”- A
- B
属性可作用于单个value，会重置后续编号起点，慎用，容易导致逻辑混乱不是“随便放 dt dd 就行”，结构错乱会导致语义失效 很多开发者把当成“两列布局容器”，塞一堆再一堆，结果 HTML 验证器报错，辅助技术也无法正确关联术语和定义。 关键规则就两条：每个必须紧跟在至少一个后面；多个可共享一个，但不能跨界限。 ✅ 正确：❌ 错误：- HTTP
- 超文本传输协议
- 基于 TCP
（第二个- HTTP
- HTTPS
- 安全版本
没配） ⚠️ 注意：里混用或会破坏语义，想换行用 CSS，别动结构 用 CSS 自定义列表符号时，和list-style-image的兼容性差异 想换图标或特殊符号？老办法是::marker，但只支持图片，且无法控制大小/颜色，还容易因路径错误静默失败。现代方案是list-style-image伪元素，能直接设::marker、content、color，但 Safari 15.4 之前不支持。font-size→ 所有主流浏览器都支持，但 SVG 图标在缩放时可能模糊，且无法动态着色list-style-image: url("arrow.svg");→ Chrome/Firefox/Edge 支持良好，Safari 需 15.4+，旧版只能降级用li::marker { content: "→ "; color: #007acc; }不要在list-style-type上设后再用list-style: none模拟标记——这会让屏幕阅读器完全忽略列表结构 真正难的不是怎么写，是判断什么时候该用语义列表、什么时候该用::before+ ARIA。比如导航菜单、分页组件，看着像列表，但语义上属于交互控件，优先用或，而不是硬套。相关文章
- 、
- 三类，分别用于无序、有序和定义列表；
- 支持start和reversed属性实现跳号与倒序；
- 须严格遵循