<var>:表示变量的元素
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
HTML <var>
元素表示数学表达式或编程上下文中的变量名称。它通常使用当前字体的斜体版本来显示,不过这种行为取决于浏览器。
尝试一下
属性
本元素仅包含全局属性。
使用说明
相关元素
默认样式
大部分浏览器在渲染 <var>
元素时为 font-style
赋予 "italic"
样式,此样式可像这样由 CSS 覆盖:
css
var {
font-style: normal;
}
示例
基本示例
这里有一条基本示例,使用 <var>
来代表数学方程式的变量名称。
html
<p>一个简单的方程式:<var>x</var> = <var>y</var> + 2</p>
结果
覆盖默认样式
使用 CSS 可以为 <var>
元素覆盖样式。在这个示例中,如果 Courier 字体可用,将使用该字体渲染变量名称,否则会回退至默认的等宽字体。
CSS
css
var {
font:
bold 15px "Courier",
"Courier New",
monospace;
}
HTML
html
<p>
变量 <var>minSpeed</var> 和
<var>maxSpeed</var> 控制设备的最低和最高速度,以每分钟转数(RPM)计算。
</p>
此 HTML 使用 <var>
来包裹两个变量的名称。
结果
技术概要
规范
Specification |
---|
HTML Standard # the-var-element |
浏览器兼容性
BCD tables only load in the browser