标签在HTML4中仅实现等宽字体显示，无语义且HTML5已废弃；虽浏览器为兼容仍渲染，但存在可访问性缺陷、工具报错及未来失效风险，应按语义选用、、等替代或CSS方案。
标签在 HTML4 中唯一作用是让内联文本以等宽字体（monospace）显示，效果类似老式电报机或终端输出。但它**没有语义、不参与可访问性、不被 HTML5 支持**，现在用就是埋雷。
为什么浏览器还能渲染
主流浏览器出于兼容性仍解析 ，默认套上 font-family: monospace，但这是“容忍”，不是“支持”。HTML5 规范已明确将其标记为 obsolete（废弃），W3C 不再为其定义行为。这意味着：
- 未来某次浏览器更新可能直接忽略它，文本退化为默认字体
- 屏幕阅读器不会给它特殊处理，对残障用户无意义
- 代码审查工具（如 axe、Lighthouse）会报 warning 或 error
- 它和
、一样，属于“纯样式标签”，违背现代 HTML 的语义优先原则
直接用 CSS 的 font-family: monospace 最省事，但更推荐结合语义的 HTML 元素——因为不同等宽文本在逻辑上根本不是一回事：
- 命令行输入？用
：例如git commit -m "fix bug" - 变量名、函数名？用
：例如username must be non-empty - 代码片段？用
：例如console.log( - 程序输出？用
：例如Error: file not found - 纯视觉等宽（比如排版需要）？用
+ CSS：data
用 CSS 替代时要注意的三个细节
仅加 font-family: monospace 不够，真实项目中容易漏掉这些：
-
letter-spacing建议设为normal或微调（如0.05ch），否则某些字体字间距过松，破坏等宽感 - 避免用
font-family: monospace单独声明——应写成font-family: 'JetBrains Mono', 'Fira Code', 'SFMono-Regular', monospace，兼顾可读性与 fallback - 如果内容含空格或换行，需额外控制
white-space: pre或pre-wrap，否则空格会被压缩、换行被忽略
旧项目里发现
全局搜索 很快，但别机械替成 ——先看上下文：
- 出现在
里面？大概率是冗余标签，直接删掉和闭合标签，靠自带的等宽行为就够了 - 包裹的是路径（如
/usr/local/bin）或配置项（如max_connections=100）？优先用 - 包裹的是用户要敲的命令（如
npm install）？必须用，这是 WCAG 可访问性要求 - 批量替换脚本里用正则要小心：
([^可能误伤嵌套标签，建议人工抽检前 20 处
真正麻烦的从来不是“怎么让文字变等宽”，而是“这段文字在业务逻辑里到底代表什么”。 把这个问题藏起来了，而现代方案逼你面对它——这才是淘汰它的根本原因。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
