HTML var 语法
在 HTML 中，var 是一个语义化标签，它用于表示数学表达式或编程中的变量名。
语法：
<var>变量名</var>说明：
var 是一个行内元素，通常会以斜体显示文本，不过它更注重的是标签的语义。如果小伙伴们只是单纯为了控制样式，应该使用 CSS 的 font-style 属性。
var 标签常见用法如下表所示。
| 常见 | 示例 |
|---|---|
| 数学公式 | <p> 设 <var>a</var> = <var>b</var> + 1</p> |
| 编程变量 | <p> 变量 <var>total</var> 表示存储总金额。</p> |
| 计算说明 | <p> 计算面积公式为：<var>S</var> = π × <var>r</var>²</p> |
提示: var 是 “variable（变量）” 的缩写。
HTML var 摘要
| 属于 | HTML 语义化 |
|---|---|
| 使用频率 | 低 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML var 示例
接下来，我们通过一个简单的例子来讲解一下 HTML var 标签是如何使用的。
示例：var 标签的基本用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>矩形的面积为：<var>w</var> × <var>h</var>。<var>w</var> 表示宽（width），<var>h</var> 表示高（height）。</p>
</body>
</html>页面效果如下图所示。
pre、code、var、samp 与 kbd 的区别
pre、code、var、samp 与 kbd 这 5 个标签比较相似，它们之间的区别如下表所示。
| 标签 | 行内 / 块级 | 用途 |
|---|---|---|
| pre | 块级 | 用于表示代码块（一大段代码） |
| code | 行内 | 用于表示简短代码（一句代码） |
| var | 行内 | 用于表示数学表达式或编程中的变量名称 |
| samp | 行内 | 用于表示程序的输出结果 |
| kbd | 行内 | 用于表示用户输入（如快捷键）的内容 |
