【HTML Living Standard】var要素の使い方
var要素の使い方について、初心者にもわかりやすく解説します。
基本的な使い方
varオブジェクトは、プログラミングにおける変数や引数、数式の変数、またはプレースホルダーを表すオブジェクトです。この要素は、特定のテキストが「変数」として扱われるべきであることを、ウェブブラウザや検索エンジン、そして読み上げソフトウェアなどのユーザーエージェントに伝えるために使用されます。
HTMLの<var>要素は、視覚的な表現のためではなく、セマンティクス、つまり文書構造における意味を定義するために存在します。例えば、数学の公式 E = mc² における m や c、プログラミングコードスニペットにおける x = 10 の x、あるいは関数の引数 function greet(name) の name のように、変化する可能性のある値や参照を示す際に適しています。
ウェブブラウザは、デフォルトで<var>要素で囲まれたテキストをイタリック体（斜体）で表示することが多いですが、これは単なる視覚的なスタイルであり、CSS（カスケーディングスタイルシート）を使用して自由に外観を変更できます。この要素の本来の目的は、見た目ではなく、コンテンツの意味を正確に伝えることにあります。
したがって、単にテキストを斜体にしたい場合は<i>要素を使用するか、CSSでfont-style: italic;プロパティを適用するべきです。<var>要素は、ドキュメントのアクセシビリティ向上や、検索エンジン最適化（SEO）の観点からも、コンテンツの意味を明確にする上で重要な役割を果たします。セマンティックなHTMLを記述する習慣は、システムエンジニアとして高品質なウェブコンテンツを構築する上で不可欠な知識となります。
構文(syntax)
1<p>円の半径を<var>r</var>とすると、円周は2<var>π</var><var>r</var>です。</p>
引数(parameters)
引数なし
引数はありません
戻り値(return)
戻り値なし
戻り値はありません