<var>是HTML5语义化标签，仅用于标记数学变量、程序变量名或参数名，不声明也不存储JavaScript变量，与let/const无关。
HTML里根本没有<var>标签用来定义变量
直接说结论：<var> 是语义化标签，不是变量声明工具，它不存储、不计算、不绑定 JS 变量，也不能替代 let 或 const。很多人搜“HTML var 标签定义变量”，其实是混淆了「排版语义」和「编程逻辑」。
它的唯一作用是标记一段文本为「数学变量、程序变量名或参数名」——仅用于视觉和可访问性（比如屏幕阅读器会用不同语调读出），浏览器完全不解析其值。
常见错误现象：
– 写了 <var id="count">x</var> 以为能用 JS 通过 document.getElementById('count') 拿到变量值
– 在 HTML 中写 <var>let name = "Alice"</var> 期待它执行赋值
– 用 <var> 替代 <span class="variable"> 却没加 CSS，导致样式丢失、语义失效
<var> 的正确使用场景和写法
它只适合在文档中「提及」变量名、函数参数、公式符号等，属于内容标注，不是运行时结构。
立即学习“前端免费学习笔记（深入）”；
- 数学公式中：如 “速度
<var>v</var> = <code><var>s</var> / <code><var>t</var>”</li> <li>代码说明文字里：如 “调用 <code><var>fetchData</var>() 时传入 <code><var>timeout</var> 参数”</li> <li>API 文档片段：<code><p>返回值为 <code><var>Promise</var><code><var><T></var>
</p>
注意：<var> 默认是斜体（font-style: italic），但这是 UA 样式，不是强制语义；若项目禁用斜体，需手动重置或加类控制。
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
和 JavaScript 变量完全无关，别试图用它传值
HTML 是静态标记语言，所有标签（包括 <var>）只是描述内容结构。JS 变量必须在 <script> 块或外部 JS 文件中声明。
典型误解操作：
<var id="user">admin</var>
<script>
console.log(user); // ❌ ReferenceError: user is not defined
console.log(document.getElementById('user').textContent); // ✅ 得到字符串 "admin"，但只是文本，不是变量
</script>
关键区别：
-
document.getElementById('user').textContent返回的是字符串字面量，不是 JS 绑定的变量 - 不能通过
<var data-value="42">自动创建全局数字变量value - 想动态渲染变量？用 JS 操作
textContent或innerHTML，而不是靠<var>标签“承载”值
兼容性和无障碍注意事项
<var> 是 HTML5 正式元素，现代浏览器都支持，但部分旧版 IE（≤8）不识别，会当作未知标签处理（默认 inline，无样式）。如果必须兼容老环境，可用 <span role="variable"> 替代，并补上 CSS font-style: italic。
无障碍方面：<var> 被主流屏幕阅读器识别为“variable”，会改变语音语调（如升高音调），这对技术文档很重要；但如果滥用（比如给每个名词都套一层），反而干扰理解。
容易被忽略的一点：搜索引擎不索引 <var> 的语义权重，它不影响 SEO；别指望靠多写几个 <var> 提升关键词排名。
