このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docsコミュニティーについてもっと知り、仲間になるにはこちらから。
<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> が誤って使用されているのを見かけた場合は、<span> と適切な CSS を使用するか、次のような適切な意味の要素を使用するかしてください。
既定のスタイル
多くのブラウザーは<var> の表示時にfont-style に"italic" を適用します。これは次のように CSS で上書きできます。
css
var { font-style: normal;}例
基本的な例
これは、<var> を使用して数式の変数名を記述した単純な例です。
html
<p>単純な数式: <var>x</var> = <var>y</var> + 2</p>結果
既定のスタイルの上書き
CSS を使用して、<var> 要素の既定のスタイルを上書きすることができます。この例では、 Courier フォントがあれば、それを使って太字で表示し、なければ既定の等幅フォントに代替されます。
CSS
css
var { font: bold 15px "Courier", "Courier New", monospace;}HTML
html
<p> <var>minSpeed</var> と <var>maxSpeed</var> 変数は、端末の最低速度と最高速度を分当たりの回転数 (RPM) で制御します。</p>この HTML では、2 つの変数名を<var> を使用して囲んでいます。
結果
技術的概要
| コンテンツカテゴリー | フローコンテンツ,記述コンテンツ, 知覚可能コンテンツ |
|---|---|
| 許可されている内容 | 記述コンテンツ |
| タグの省略 | なし。開始タグと終了タグの両方が必須です。 |
| 許可されている親要素 | 記述コンテンツを受け入れるすべての要素 |
| 暗黙の ARIA ロール | 対応するロールなし |
| 許可されている ARIA ロール | すべて |
| DOM インターフェイス | HTMLElement |
仕様書
| Specification |
|---|
| HTML # the-var-element |