标签仅用于语义化标记文档中提及的变量名（如“result”），适用于技术文档说明，不可用于 javascript 执行或声明变量；它默认斜体渲染，专指单个变量标识符，区别于 （任意代码片段）和 （无语义）。
<var></var> 标签在 HTML 中**不用于声明或定义编程变量**，它只是语义化标签，用来表示数学表达式、程序代码中的变量名（即“被引用的变量名”，而非实际赋值或声明）。
什么时候该用 <var></var>？
仅当在文档中**展示一段说明性文字**，且其中提到某个变量名（比如教学文档、API 文档、数学公式解释），需要明确告诉浏览器和辅助工具：“这个词是一个变量标识符”时才用。
- 适合场景：技术文档里写 “函数返回值存入
<var>result</var>” - 不适合场景：JS 代码块里、
<script></script>中、模板字符串里、或者想靠它让浏览器“识别变量” - 它不会影响 JS 执行，也不产生任何运行时行为，纯语义标记
<var></var> 和 <code>、<span></span> 有什么区别？
<var></var> 比 <code> 更具体——<code> 表示任意代码片段（函数调用、关键字、整个表达式），而 <var></var> 专指“单个变量名”；比 <span></span> 多一层语义，对屏幕阅读器、SEO、可访问性有细微帮助。
- ✅ 推荐：
<p>将输入值赋给 <var>inputValue</var></p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill9263" title="Html2md"><img src="https://img.php.cn/upload/skill/000/000/081/179249945220127.jpg" alt="Html2md" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill9263" title="Html2md" class="overflowclass">Html2md</a> <p class="overflowclass">使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...</p> </div> <a rel="nofollow" href="/xiazai/skill9263" title="Html2md" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> - ⚠️ 不推荐：
<p>调用 <var>fetchData()</var></p>（带括号是函数调用，不是变量名） - ✅ 更合适：
<p>调用 <code>fetchData()
浏览器渲染和样式默认行为
大多数浏览器默认把 <var></var> 渲染为斜体（类似 <em></em>），但这只是默认样式，不是语义强制。你可以用 CSS 覆盖：
var {
font-style: normal;
font-family: var(--mono-font, monospace);
}
- 它没有特殊属性（如
contenteditable或data-*以外的专属属性） - 不支持
global attributes以外的额外属性 - 嵌套限制：不要在
<var></var>里再套<var></var>，语义会混乱
真正要“使用变量”，得靠 JavaScript 的 let、const 或 var 声明；HTML 的 <var></var> 只是纸上谈兵时，给变量名加个轻量语义标签——写文档时容易忽略它的适用边界，误当成“变量容器”来用。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
