试一试
<p>
The volume of a box is <var>l</var> × <var>w</var> × <var>h</var>, where
<var>l</var> represents the length, <var>w</var> the width and
<var>h</var> the height of the box.
</p>
var {
font-weight: bold;
}
属性
此元素仅包含全局属性。
用法说明
相关元素
在 <var> 常用到的上下文中,其他也可能用到的元素包括:
如果您发现代码错误地为了样式目的而不是语义目的而使用了 <var>,您应该使用带有适当 CSS 的 <span> 元素,或者使用以下适当的语义元素之一:
默认样式
大多数浏览器在渲染 <var> 时会应用 font-style: "italic" 样式。您可以使用 CSS 覆盖此行为,如下所示:
css
var {
font-style: normal;
}
示例
基本示例
这是一个基本示例,使用 <var> 来表示数学方程中的变量名。
html
<p>An algebraic 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> 包裹了两个变量的名称。
结果
技术摘要
规范
| 规范 |
|---|
| HTML # the-var-element |
浏览器兼容性
加载中…