<var>标签仅语义化标注变量名本身，不参与计算或绑定JS变量；适用于数学符号、API占位符、形参名等场景，禁用于代码片段、字面量或替代<code>。

标签不是用来“表示”数学公式或程序变量的容器，它只是语义化地标注「变量名本身」——即那段文字代表一个可变的符号，而不是值、代码、按键或输出。

它不参与计算、不绑定 JavaScript 变量、不渲染公式结构，也不提供语法高亮。它的作用很单纯：告诉人和机器，“这里出现的是一个变量的名字”。

---

适合用在哪些地方？

• 数学说明中强调符号含义
  比如：

  设 r 为圆的半径，A 表示面积，则 A = πr²

  
  这里 r 和 A 是公式里的符号，不是具体数字，也不是 JS 变量。

• API 或命令行文档中标注占位符
  比如：

  请求地址为 GET /users/id

  
  id 表示此处需替换为实际用户 ID，它不是字符串字面量，也不是参数值。

• 伪代码或函数调用描述中指代形参
  比如：

  调用 fetch(url) 时，url 应为合法的 HTTP 地址

  
  这里 url 是参数名，不是字符串 "<a href="https://www.php.cn/link/b05edd78c294dcf6d960190bf5bde635">https://www.php.cn/link/b05edd78c294dcf6d960190bf5bde635</a>"。

• 配置项或环境变量名称
  比如：

  请将 API_KEY 设置为你的密钥

  
  API_KEY 是配置键名，不是值，也不该被当作可执行内容。

---

不该用在哪些地方？

• 替代

   标签写代码片段<br />
  ❌ 错误：<code>let <var>count</var> = 0;

  —— 嵌套在

   里语义冗余<br />
  ✅ 正确：<code>let count = 0;

  （变量名本身是代码一部分，直接用

   即可）</p></li><li><p>表示数值、常量或字面量<br />
  ❌ 错误：<var>3.14</var>、<var>true</var>、<var>5000</var><br />
  这些是值，不是变量名；应直接写或用 <code> 包裹。</p></li><li><p>在 <math> 或 MathML 中替代 <mi><br />
  ❌ 错误：<math><var>x</var></math><br />
  MathML 要求用 <mi>x</mi> 表示数学标识符；<var> 在此无意义，还可能干扰解析。</p></li><li><p>当作 JS 变量使用或期望自动同步<br />
  ❌ 错误：<var id="x">x</var> 然后试图用 <code>console.log(x)

  访问
  HTML 标签不会声明 JS 变量； 元素的 textContent 是字符串，不是运行时值。

---

怎么配合其他标签更合理？

• 和 搭配，区分“代码字面量”与“变量名”

  执行 Math.pow(base, exponent)

• 和 ^{、 _{结合处理上标下标}}

  a² + b² = c²

• 加 class 控制样式，避免全局 CSS 覆盖默认斜体

  令 θ 表示夹角

---

实际效果与限制

• 所有现代浏览器都支持 ，但 IE ≤8 完全不识别，会降级为普通 inline 元素。
• 默认渲染为斜体，但这只是 UA 样式，容易被重置；一旦丢失斜体，视觉提示就没了。
• 屏幕阅读器通常读作 “variable r”，但不保证所有辅助工具都特殊处理，不能依赖它提升可访问性。
• 它没有 data-* 属性绑定能力，也不能响应数据变化；动态渲染必须靠 JS 或框架。

不复杂但容易忽略。