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