<var> 标签仅用于语义化标记文档中提及的变量名（如“result”），适用于技术文档说明，不可用于 JavaScript 执行或声明变量；它默认斜体渲染，专指单个变量标识符，区别于 <code>（任意代码片段）和 <span>（无语义）。
<var> 标签在 HTML 中**不用于声明或定义编程变量**，它只是语义化标签，用来表示数学表达式、程序代码中的变量名（即“被引用的变量名”，而非实际赋值或声明）。
什么时候该用 <var>？
仅当在文档中**展示一段说明性文字**，且其中提到某个变量名（比如教学文档、API 文档、数学公式解释），需要明确告诉浏览器和辅助工具：“这个词是一个变量标识符”时才用。
- 适合场景：技术文档里写 “函数返回值存入
<var>result</var>” - 不适合场景：JS 代码块里、
<script>中、模板字符串里、或者想靠它让浏览器“识别变量” - 它不会影响 JS 执行，也不产生任何运行时行为，纯语义标记
<var> 和 <code>、<span> 有什么区别？
<var> 比 <code> 更具体——<code> 表示任意代码片段（函数调用、关键字、整个表达式），而 <var> 专指“单个变量名”；比 <span> 多一层语义，对屏幕阅读器、SEO、可访问性有细微帮助。
- ✅ 推荐：
<p>将输入值赋给 <var>inputValue</var></p> - ⚠️ 不推荐：
<p>调用 <var>fetchData()</var></p>（带括号是函数调用，不是变量名） - ✅ 更合适：
<p>调用 <code>fetchData()</code></p>
浏览器渲染和样式默认行为
大多数浏览器默认把 <var> 渲染为斜体（类似 <em>），但这只是默认样式，不是语义强制。你可以用 CSS 覆盖：
立即学习“前端免费学习笔记（深入）”；
var {
font-style: normal;
font-family: var(--mono-font, monospace);
}- 它没有特殊属性（如
contenteditable或data-*以外的专属属性） - 不支持
global attributes以外的额外属性 - 嵌套限制：不要在
<var>里再套<var>，语义会混乱
真正要“使用变量”，得靠 JavaScript 的 let、const 或 var 声明；HTML 的 <var> 只是纸上谈兵时，给变量名加个轻量语义标签——写文档时容易忽略它的适用边界，误当成“变量容器”来用。
