<var>

数式やコード内の変数名を表す

HTML1.0 ~ 利用可能

最終更新日: 2022.04.30

どんなタグ?
数式やコード内の変数名を表す時に、
この<var>タグを使う。

コードサンプル
<p>
   変数<var>X</var>の値を10とする。
</p>

<var>タグは variable (バリアブル)の略で、 <var> ~ </var>で挟まれた範囲が、数式やコード内の変数名であることを表すタグです。 その他に、物理量を表す記号、定数名、関数のパラメータ、文章中でプレースホルダとして使われる用語を表す時に使います。

どのカテゴリに属しているの?
<var>タグは フロー・コンテンツ, フレージング・コンテンツ というコンテンツ・カテゴリに属しているタグです。
梱包できるタグは?
<var>タグに梱包できるタグコンテンツ・モデルは、フレージング・コンテンツです。
つまり、フレージング・コンテンツというカテゴリに属しているタグなら梱包可能です。

ユイト数式やコード内の変数名を表す時に使うタグです!

どうやって使うの?
数式やコード内の変数名を表す記述を、
<var> タグで挟む。

<var>タグは、数式やコード内の変数名を表したい記述を <var></var> で挟みます。

使い方
<var>数式やコード内の変数名を表す記述</var>
コードサンプル
<dl>
  <dt>電圧の求め方</dt>
  <dd>
  電圧(<var>V</var>)=電流(<var>I</var>) × 抵抗(<var>R</var>)
  </dd>
</dl>
ブラウザでの表示例
https://codehero.shibajuku.net/html/var/varsample01/
どこでも使えるの?
<var>タグは フレージング・コンテンツ が配置できるところならどこでも使えます。
気をつけることは?
<var>タグで挟んだ箇所 <var></var> は、イタリック体で表示されます。変数名を表す目的ではなく、文字のスタイルをイタリック体にする目的で利用するのはやめましょう。
また、<var>タグとよく間違われるタグに、<code><kbd> などがあります。コンピュータに伝えたい意味や役割を考えて、適切なタグを利用するようにしましょう。

ユイト数式やコード内の変数名を表すためのタグです。文字のスタイルを変更する目的で利用するのはやめましょう。

使える属性は?
グローバル属性のみ使えます。

<var> タグには、どの要素にでも使えるグローバル属性のみが使えます。

ユイトclass属性やid属性などのグローバル属性のみが使えます。

サンプルが見たい
<var>タグを使ったサンプルを紹介。

<var> タグを使ったサンプルを紹介します。

<var>タグのサンプル

コードサンプル
<dl>
  <dt>周波数とは</dt>
  <dd>1秒(<var>s</var>)間に繰り返す波の数のこと。</dd>
</dl>
ブラウザでの表示例
https://codehero.shibajuku.net/html/var/varsample02/
コードサンプル
<dl>
  <dt><var>〇〇</var>の秋といえば?</dt>
  <dd>食欲の秋でしょ!</dd>
</dl>
ブラウザでの表示例
https://codehero.shibajuku.net/html/var/varsample03/

ユイト<var>タグは、数式やコード内の変数名の他にも、物理量の記号や文章中のプレースホルダとして使われる用語を表す時にも使います。

デフォルトスタイルは?
デフォルトでは、
文字のスタイルがイタリック体になる。

一般的なブラウザで <var>タグを表示した場合、文字のスタイルがイタリック体になります。
具体的には、下記のCSSと同等のスタイルが適用されます。

<var>タグのデフォルトスタイル
var {
    font-style: italic;
}

ユイト文字のスタイルを変更したい時は、CSSのfont-styleプロパティを使いましょう。

対応ブラウザは?
基本的にどのブラウザでも使えます。

<var>タグは HTML1.0以降で利用可能で、主に以下のブラウザが対応しています。

Internet Explorar
Internet Explorar あり ~
Edge
Edge 12 ~
Google Chrome
Google Chrome あり ~
Firefox
Firefox 2 ~
Safari
Safari あり ~
Opera
Opera あり ~

ユイトモダンブラウザは問題ありません。

このリファレンスを書いた人

ユイト

ユイト

Shibajuku10期生 タグを正しく使い分けてマークアップできるようになりたい 猫好きです。

About サロンメンバーで作った
リファレンスサイト

Shibajuku

Webのスキルを
ワイワイ学んで、
ガンガン活用
するサロン。

このサイトはWebクリエーター養成所
「Shibajuku」のメンバーが作った、
初心者でもわかりやすいHTML + CSSのリファレンスサイトです。

このサイトについて