HTML5中<ol>的type属性已被废弃，不鼓励使用；应改用CSS的list-style-type属性控制编号样式，因其更标准、可控、支持更多值且不影响语义。
HTML 中 <ol> 的 type 属性还能用吗
不能依赖了。type 是 HTML4 保留属性，在 HTML5 中已被废弃（obsolete），浏览器虽大多仍支持，但 W3C 明确不鼓励使用，且在严格模式或未来版本中可能彻底失效。比如 <ol type="A"> 渲染大写字母，看似有效，实则属于“兼容性苟延残喘”。
用 list-style-type CSS 替代 type 属性
CSS 是现代、标准、可控的方案。它能精确控制编号样式，且不影响语义结构。
-
list-style-type: decimal;→ 1, 2, 3 -
list-style-type: upper-alpha;→ A, B, C -
list-style-type: lower-roman;→ i, ii, iii -
list-style-type: none;→ 隐藏编号（仅内容）
直接写在 <ol> 标签上也行：
<ol style="list-style-type: upper-alpha;">，但更推荐用 class 统一管理，比如：
<ol class="alpha-list">，再配 CSS：
.alpha-list { list-style-type: upper-alpha; }
为什么不用 type 而坚持用 CSS
几个硬伤绕不开：
-
type只支持有限值（1、A、a、I、i），无法实现自定义前缀（如 “Step 1.”）、多级嵌套差异化（如外层数字、内层字母） - IE8 及更早版本对
type解析不一致；Safari 对type="i"有时渲染为小写i而非罗马数字 - 若同时设了
type和list-style-type，CSS 会覆盖 HTML 属性——等于白写type - 无障碍工具（如屏幕阅读器）更信任 CSS 控制的视觉呈现，而非已废弃的 HTML 属性
需要动态切换编号类型时怎么办
用 JavaScript 操作 style.listStyleType 或切换 class 最稳妥。
- 直接改内联样式：
document.querySelector('ol').style.listStyleType = 'lower-roman'; - 推荐切 class：
olElement.classList.remove('decimal-list'); olElement.classList.add('alpha-list');，对应 CSS 分别定义不同行为，可复用、易维护、不影响 SSR 渲染 - 注意：不要用
setAttribute('type', 'A')动态改——这既无效（HTML5 废弃），又和 CSS 冲突，还污染 DOM
真正要换编号逻辑的地方，比如按章节自动切数字/字母/罗马，得靠 JS + data 属性驱动，而不是指望 type 属性能扛事。
