<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
# the-var-element

瀏覽器相容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
var

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support