<var>：表示变量的元素

本元素仅包含全局属性。

与 <var> 一同使用的元素一般包含：

• <code>：HTML 代码元素
• <kbd>：HTML 键盘输入元素
• <samp>：HTML 示例输出元素

如果遇到的代码是出于样式目的而不是语义目的地错误使用 <var>，应该使用带有适当 CSS 的 <span> 元素或者在下列元素中使用适当的语义元素。

• <em>
• <i>
• <q>

大部分浏览器在渲染 <var> 元素时为 font-style 赋予 "italic" 样式，此样式可像这样由 CSS 覆盖：

var {
  font-style: normal;
}

这里有一条基本示例，使用 <var> 来代表数学方程式的变量名称。

<p>一个简单的方程式：<var>x</var> = <var>y</var> + 2</p>

结果

使用 CSS 可以为 <var> 元素覆盖样式。在这个示例中，如果 Courier 字体可用，将使用该字体渲染变量名称，否则会回退至默认的等宽字体。

CSS

var {
  font:
    bold 15px "Courier",
    "Courier New",
    monospace;
}

HTML

<p>
  变量 <var>minSpeed</var> 和
  <var>maxSpeed</var> 控制设备的最低和最高速度，以每分钟转数（RPM）计算。
</p>

此 HTML 使用 <var> 来包裹两个变量的名称。

结果