HTML - <var>标签

HTML <var> 标签用于表示变量元素；此标签表示数学表达式或编程上下文中的变量名称。

在大多数浏览器中，<var>标签内的内容通常以斜体显示，但是我们可以使用CSS属性覆盖或更改<var>标签的内容。

语法

<var>.....</var>

属性

HTML var 标签支持HTML的全局和事件属性。

HTML var 标签示例

以下示例将说明 var 标签的用法、何时以及如何使用 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 元素

在以下示例中，我们将设置 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	是	是	是	是	是