标签仅语义化标记变量名本身，如公式中的“n”、API路径中的“id”，不参与JS解析或值绑定；应配合使用但不嵌套，默认斜体且现代浏览器支持良好。
标签不是用来“表示变量值”或“声明变量”的，它只负责语义化标记「变量名本身」——比如公式里的 a、函数参数名 callback、环境配置项 DATABASE_URL。浏览器不会解析它的内容为数据，JS 也读不到它的“值”。
- 数学说明中强调符号含义：如“设
n为样本数量”，n是名字，不是数字 - API 文档里标出可替换的占位符：如
POST /api/users/id - 代码描述中指代参数/变量名：如“调用
fetch(url)”，url是形参名，不是字符串字面量 - 配置说明中突出变量标识：如 “将
API_KEY写入 .env 文件”
不要用在：
- 想让 JS 读取或绑定值：写了
x，document.getElementById('count').textContent只返回字符串"x"，不是变量 - 替代
包裹实际代码：如let x = 42是错的，应放进或 - 表单控件属性里当动态值用：
中的不会被展开，name 属性值就是字面量"user_id"
表示“这是个变量名”， 表示“这是段可引用的代码文本”。二者语义不同，但常一起出现：
- ✅ 正确：描述调用方式时 —
fetch(url) - ❌ 错误嵌套：把
套进里再标变量名 —url已含语义，应包裹完整可执行片段（如fetch(url)
更自然的组合是：
- 公式说明：
面积 = length × width - 代码上下文：
请传入 timeout 参数，单位毫秒 - 终端命令：
curl -H "Authorization: Bearer token" api_url
默认样式和兼容性要注意什么
默认渲染为斜体（font-style: italic），但这只是浏览器 UA 样式，不是强制行为：
- 若项目全局禁用斜体（如重置 CSS 中写了
, ::before, *::after { font-style: normal; }），也会变正体，语义丢失而不自知 - 老旧 IE（≤8）不识别
，会当作未知 inline 标签处理，无样式、无语义，屏幕阅读器也不特殊播报 - 现代浏览器（Chrome/Firefox/Safari/Edge）均支持，无障碍支持良好（多数屏幕阅读器读作 “variable x”）
建议显式控制样式以防意外：
var {
font-style: italic;
color: #2c3e50;
}
下划线变量名（如 _var）要特别小心：在 MathML 或 KaTeX 中裸写 _var 会被当成下标语法报错，需转义为 _var 或改用数学排版方案。
真正需要动态变量行为的地方，别碰 —— 用 data- 属性 + JS 渲染，或服务端模板语法，或 Web Components 的
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
