compact 属性在 和 上完全失效，因二者已被 html5 彻底移除，且该属性从未被主流浏览器实现，无对应 css 机制，应改用 加 css 控制紧凑样式。
HTML 中的 compact 属性在 <dir></dir> 和 <menu></menu> 元素上早已被废弃，现代浏览器不支持、W3C 不推荐、验证器会报错——别用它，也别指望它生效。
为什么 compact 在 <dir></dir> 和 <menu></menu> 上完全失效
这两个元素本身就被 HTML5 彻底移除，compact 只是附着在其上的一个可选布尔属性，从未被主流浏览器实现过真实渲染效果。即使早期某些浏览器（如 Netscape 4）尝试解析它，行为也不一致，且无 CSS 对应机制。
-
<dir></dir>和<menu></menu>已被<ul></ul>取代，语义和样式控制权交由 CSS -
compact没有对应的 CSS 属性（比如list-style-compact之类根本不存在） - Chrome、Firefox、Safari 均忽略该属性，连 DOM 属性
element.compact都不会暴露
遇到旧代码里写了 compact 怎么办
不是“怎么让它工作”，而是“怎么安全替换”。重点不是修复属性，而是还原意图：通常开发者想让列表更紧凑（行高小、间距小、无缩进），这完全由 CSS 控制。
- 把
<dir compact></dir>或<menu compact></menu>改成<ul class="compact-list"></ul> - 用 CSS 重置默认间距：
margin、padding、line-height - 避免用
font-size: smaller这类不可靠方式模拟“紧凑”，它影响可访问性 - 如果原意是菜单式布局（横向/内联），改用
display: flex或inline-block更可控
验证时看到 “compact is obsolete” 错误怎么处理
这是 HTML5 验证器（如 W3C Validator）的标准提示，不是警告，是明确拒绝。它不给你留协商余地。
- 直接删除
compact属性——删掉就行，不要保留空属性或注释掉 - 同时检查是否还在用
<dir></dir>或<menu></menu>：它们本身已 invalid，必须一并替换为<ul></ul>或<nav></nav> - 若项目依赖旧 CMS 输出含该属性的 HTML，应在模板层过滤或用 JS 启动时移除（但优先级低于服务端修正）
真正麻烦的不是 compact 本身，而是它背后那种“靠标签属性控制表现”的思维惯性。CSS 的 margin、gap、list-style-position 才是现在控制列表密度的正确入口点——而且得测屏幕阅读器是否仍能正常遍历列表项。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
