标签在HTML4中仅实现等宽字体显示，无语义且HTML5已废弃；虽浏览器为兼容仍渲染，但存在可访问性缺陷、工具报错及未来失效风险，应按语义选用、、等替代或CSS方案。
<tt></tt> 标签在 HTML4 中唯一作用是让内联文本以等宽字体（monospace）显示，效果类似老式电报机或终端输出。但它**没有语义、不参与可访问性、不被 HTML5 支持**，现在用就是埋雷。
为什么浏览器还能渲染 <tt></tt> 却不该用
主流浏览器出于兼容性仍解析 <tt></tt>，默认套上 font-family: monospace，但这是“容忍”，不是“支持”。HTML5 规范已明确将其标记为 obsolete（废弃），W3C 不再为其定义行为。这意味着：
- 未来某次浏览器更新可能直接忽略它，文本退化为默认字体
- 屏幕阅读器不会给它特殊处理，对残障用户无意义
- 代码审查工具（如 axe、Lighthouse）会报 warning 或 error
- 它和
<b></b>、<i></i>一样，属于“纯样式标签”，违背现代 HTML 的语义优先原则
<tt></tt> 的替代方案必须按场景选
直接用 CSS 的 font-family: monospace 最省事，但更推荐结合语义的 HTML 元素——因为不同等宽文本在逻辑上根本不是一回事：
- 命令行输入？用
<kbd></kbd>：例如<kbd>git commit -m "fix bug"</kbd> - 变量名、函数名？用
<var></var>：例如<var>username</var> must be non-empty - 代码片段？用
<code>：例如<code>console.log(后面接 JS 片段 - 程序输出？用
<samp></samp>：例如<samp>Error: file not found</samp> - 纯视觉等宽（比如排版需要）？用
<span></span>+ CSS：<span style="font-family: 'Fira Code', monospace;">data</span>
用 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，否则空格会被压缩、换行被忽略
旧项目里发现 <tt></tt> 怎么安全替换
全局搜索 <tt></tt> 很快，但别机械替成 <code>——先看上下文：
立即学习“前端免费学习笔记（深入）”；
- 出现在
<pre class="brush:php;toolbar:false;"></pre>里面？大概率是冗余标签，直接删掉<tt></tt>和闭合标签，靠<pre class="brush:php;toolbar:false;"></pre>自带的等宽行为就够了 - 包裹的是路径（如
/usr/local/bin）或配置项（如max_connections=100）？优先用<code> - 包裹的是用户要敲的命令（如
npm install）？必须用<kbd></kbd>，这是 WCAG 可访问性要求 - 批量替换脚本里用正则要小心：
<tt>([^</tt>可能误伤嵌套标签，建议人工抽检前 20 处
<tt></tt> 把这个问题藏起来了，而现代方案逼你面对它——这才是淘汰它的根本原因。 
