<var>: 變數元素

基線 廣泛可用

此功能已建立完善,可在許多裝置和瀏覽器版本中正常工作。它自 2015 年 7 月.

<var> HTML 元素表示數學表示式或程式設計上下文中變數的名稱。它通常使用當前字型的斜體版本呈現,但這種行為取決於瀏覽器。

試一試

屬性

此元素只包含 全域性屬性

使用說明

<var> 常用的上下文中使用的其他元素包括

  • <code>: HTML 程式碼元素
  • <kbd>: HTML 鍵盤輸入元素
  • <samp>: HTML 示例輸出元素

如果您遇到錯誤地將 <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

規範

規範
HTML 標準
# the-var-element

瀏覽器相容性

BCD 表格僅在瀏覽器中載入