<var>：變數元素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

<var> HTML 元素用於表示數學表達式或編程上下文中的變數名稱。通常使用斜體版本的當前字型呈現，儘管該行為依賴於瀏覽器。

嘗試一下

屬性

此元素僅包括全域屬性。

使用注意事項

相關元素

在常見使用 <var> 的情境中使用的其他元素包括：

  • <code>：HTML Code 元素
  • <kbd>：HTML Keyboard input 元素
  • <samp>：HTML Sample Output 元素

如果遇到將 <var> 用於樣式而不是語義目的的代碼，應使用帶有適當 CSS 的 <span> 或以下選項中的適當語義元素：

默認樣式

大多數瀏覽器在呈現 <var> 時將 font-style 應用為 "italic"。這可以在 CSS 中覆蓋，如下所示：

css
var {
  font-style: normal;
}

範例

基本範例

這是一個簡單的例子，使用 <var> 來表示數學等式中的變數名稱。

html
<p>A simple 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> 將兩個變數的名稱括起來。

結果

技術摘要

內容類別 流內容、段落型內容、可觸及的內容。
允許的內容 段落型內容。
標籤省略 不允許，開始標籤和結束標籤均為必需。
允許的父元素 任何接受段落型內容的元素。
隱含的 ARIA 角色 無對應角色
允許的 ARIA 角色 任何
DOM 介面 HTMLElement

規範

Specification
HTML Standard
# the-var-element

瀏覽器相容性

BCD tables only load in the browser