<var>标签仅语义化表示变量名，不支持数学排版功能；它默认斜体但无上下标、分数等能力，不可替代MathML或LaTeX，仅适用于标注单个变量如<var>x</var>，而非整公式。
<var> 标签不是用来“排版数学公式”的，它只是语义化地表示一个变量名——比如函数参数、程序中的变量、或数学表达式里被定义的符号。浏览器默认把它渲染成斜体，但仅此而已；它不支持上下标、分数、根号等任何数学排版能力。
为什么 <var> 不能替代 MathML 或 LaTeX 渲染
常见误解是把 <var> 当作 <math> 的简化版。实际上：
-
<var>是纯语义标签，HTML 规范明确说明它“表示程序或数学上下文中使用的变量”，不承担渲染职责 - 它不会自动识别
x²中的²为上标，也不会把a_n解析成下标 —— 那些得靠 Unicode 字符（如ₙ）或 CSS 手动控制 - 主流数学排版依赖
<math>（MathML）或 JS 库（如 KaTeX、MathJax），<var>对它们无任何协同作用
什么时候该用 <var>？真实适用场景
它只在需要强调“这是个变量名”而非“这是个公式结构”时才有意义，例如文档中解释代码逻辑或数学定义：
<p>函数 <code>f(<var>x</var>)</code> 表示以 <var>x</var> 为自变量的映射。</p> <p>设 <var>a</var>、<var>b</var> 为实数，且 <var>a</var> < <var>b</var>。</p>
注意：<var> 应嵌套在 <code> 或普通文本中，不单独成块；也不该包裹整个公式（如 <var>a² + b² = c²</var> 是错的）。
立即学习“前端免费学习笔记（深入）”；
容易踩的坑：斜体 ≠ 数学排版，别滥用
开发者常因看到默认斜体就以为“看起来像变量”，进而把所有字母都套 <var>，结果导致：
- 可访问性问题：屏幕阅读器会读作“variable x”，但在非数学上下文中（如产品名称
<var>Nova</var>）反而造成混淆 - 样式污染：全局重置
var { font-style: normal; }后，语义完全丢失，不如直接用<span> - 与 MathML 冲突：在
<math>内部混用<var>没有意义，MathML 自带<mi>专门处理标识符
真正要排公式，就老实用 MathML 或 KaTeX；只需要标记“这个是变量名”，才用 <var> —— 它轻量、语义清晰，但也仅此而已。
