<var>: 变量元素

基线 广泛可用

此功能已建立完善,可在许多设备和浏览器版本中正常工作。它自 2015 年 7 月.

<var> HTML 元素表示数学表达式或编程上下文中变量的名称。它通常使用当前字体的斜体版本呈现,但这种行为取决于浏览器。

试一试

属性

此元素只包含 全局属性

使用说明

<var> 常用的上下文中使用的其他元素包括

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

如果您遇到错误地将 <var> 用于样式目的而非语义目的的代码,则应使用带有适当 CSS 的 <span>,或者使用以下语义元素中的一个

默认样式

大多数浏览器在渲染<var>时会将font-style应用于"italic"。这可以通过 CSS 覆盖,例如

css
var {
  font-style: normal;
}

示例

基本示例

这是一个简单的示例,使用<var> 来表示数学方程式中的变量名。

html
<p>A simple equation: <var>x</var> = <var>y</var> + 2</p>

结果

覆盖默认样式

使用 CSS,您可以覆盖<var> 元素的默认样式。在本示例中,变量名以粗体显示,如果可用则使用 Courier,否则将回退到默认的等宽字体。

CSS

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

HTML

html
<p>
  The variables <var>minSpeed</var> and <var>maxSpeed</var> control the minimum
  and maximum speed of the apparatus in revolutions per minute (RPM).
</p>

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

结果

技术概述

内容类别 流内容短语内容,可感知内容。
允许内容 短语内容.
标签省略 无,开始和结束标签都是必需的。
允许父元素 任何接受短语内容的元素。
隐式 ARIA 角色 无对应角色
允许 ARIA 角色 任何
DOM 接口 HTMLElement

规范

规范
HTML 标准
# the-var-element

浏览器兼容性

BCD 表格仅在浏览器中加载