标签仅语义化标注变量名本身，不参与计算或绑定js变量；适用于数学符号、api占位符、形参名等场景，禁用于代码片段、字面量或替代。
标签不是用来“表示”数学公式或程序变量的容器，它只是语义化地标注「变量名本身」——即那段文字代表一个可变的符号，而不是值、代码、按键或输出。
它不参与计算、不绑定 JavaScript 变量、不渲染公式结构，也不提供语法高亮。它的作用很单纯：告诉人和机器，“这里出现的是一个变量的名字”。
适合用在哪些地方？
-
数学说明中强调符号含义
比如：设 r 为圆的半径，A 表示面积，则 A = πr2
这里 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;</code>
—— 嵌套在里语义冗余<br> ✅ 正确：<code>let count = 0;</code>
（变量名本身是代码一部分，直接用即可）
表示数值、常量或字面量
❌ 错误：3.14、true、5000
这些是值，不是变量名；应直接写或用包裹。在
当作 JS 变量使用或期望自动同步
❌ 错误：x 然后试图用console.log(x) 访问<br> HTML 标签不会声明 JS 变量；<var> 元素的 textContent 是字符串，不是运行时值。</var>
怎么配合其他标签更合理？
-
和
搭配，区分“代码字面量”与“变量名”执行
Math.pow(base,exponent) -
和 、 结合处理上标下标
a2 + b2 = c2
-
加 class 控制样式，避免全局 CSS 覆盖默认斜体
令 θ 表示夹角
实际效果与限制
- 所有现代浏览器都支持 ，但 IE ≤8 完全不识别，会降级为普通 inline 元素。
- 默认渲染为斜体，但这只是 UA 样式，容易被重置；一旦丢失斜体，视觉提示就没了。
- 屏幕阅读器通常读作 “variable r”，但不保证所有辅助工具都特殊处理，不能依赖它提升可访问性。
- 它没有 data-* 属性绑定能力，也不能响应数据变化；动态渲染必须靠 JS 或框架。
不复杂但容易忽略。
