<var>:變數元素
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
<var> HTML 元素用於表示數學表達式或編程上下文中的變數名稱。通常使用斜體版本的當前字型呈現,儘管該行為依賴於瀏覽器。
嘗試一下
<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> var { font-weight: bold; } 屬性
此元素僅包括全域屬性。
使用注意事項
>相關元素
在常見使用 <var> 的情境中使用的其他元素包括:
如果遇到將 <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> 將兩個變數的名稱括起來。
結果
技術摘要
規範
| Specification |
|---|
| HTML> # the-var-element> |