HTML <var> 标签用于使上下文代表变量元素。
<var> 标签表示数学表达式或编程上下文中的变量名称。
在大多数浏览器中，<var> 标签中的内容通常为斜体，但我们可以使用 CSS 属性覆盖或更改 <var> 标签的内容。
语法
<var>.....</var>
属性
<var> 标签支持 HTML 的 全局属性 和 事件属性。
<var> 标签的示例
下面的例子将说明 <var> 标签的用法，在哪里、何时和 hot 使用 <var> 标签。
创建<var> 标签元素
在下面的示例中，我们正在创建一个 HTML 文档并使用 <var> 标签来创建分配律。
<!DOCTYPE html>
<html>
<head>
<title>HTML var Tag</title>
</head>
<body>
<h2>Example of var Tag</h2>
<p>Equation for distributive law</p>
<p>
<var>a</var>( <var>b</var>+ <var>c</var>)= <var>ab</var>+ <var>ac</var>
</p>
</body>
</html>
使用 <var> 标签的数学方程
通过 HTML <var> 标签呈现数学方程式，这也将提供实体数学外观。
<!DOCTYPE html>
<html>
<head>
<title>HTML var Tag</title>
<style>
var {
font-weight: bold;
}
</style>
</head>
<body>
<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>
</body>
</html>
<var> 标签的css样式
在下面的示例中，我们将设置 var 元素的样式，使元素与普通字体相比加粗。这将使用内部 CSS 通过使用 CSS font-weight 属性来完成。
<!DOCTYPE html>
<html>
<head>
<title>HTML var Tag</title>
<style>
var {
font-weight: bold;
}
</style>
</head>
<body>
<p>
A simple equation: <var>x</var> = <var>y</var> + 2
</p>
</body>
</html>
相关标签
以下是 <var> 标签的一些相关标签，它们也可以用于相同的上下文。
支持的浏览器
| 浏览器 |  |
 |
 |
 |
 |
|---|---|---|---|---|---|
| <var> | Yes | Yes | Yes | Yes | Yes |
