HTML - var 标签_HTML 菜鸟教程

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>	Yes	Yes	Yes	Yes	Yes

<< HTML - time 标签 HTML - wbr 标签 >>

语法

属性

<var> 标签的示例

创建<var> 标签元素

使用 <var> 标签的数学方程

<var> 标签的css样式

相关标签

支持的浏览器