HTML Living Standard/var
VAR要素
[編集]<var>要素は、数式やプログラムコード内で変数を表現するために使用されるインライン要素です。通常、変数の名前や値、プレースホルダーを示すために用いられます。
定義
[編集]<var>要素は、数式やコード内での変数の概念を意味的に表現するための要素です。
使用方法
[編集]以下は、<var>要素の基本的な使用例です。
<p>次の数式で、<var>x</var> の値を求めます: <var>x</var> = 2<var>y</var> + 1</p>
このコードは以下のように表示されます：
次の数式で、x の値を求めます: x = 2y + 1
属性
[編集]<var>要素には特定の属性はありませんが、グローバル属性を使用することが可能です。
使用例
[編集]数式内での変数の表示
[編集]以下の例では、変数を明示的に示しています：
<p>計算式: <var>a</var> = <var>b</var> + <var>c</var></p>
プログラムコード内での変数
[編集]コード内での変数を示す場合にも使用できます：
<p>以下のコードでは、変数 <var>count</var> を使います:</p> <pre> let <var>count</var> = 0; </pre>
プレースホルダーとしての使用
[編集]プレースホルダーの役割としても利用可能です：
<p>関数名: <var>functionName</var>(<var>parameter</var>)</p>
注意事項
[編集]<var>要素は意味論的に変数であることを示しますが、デフォルトのスタイル（通常は斜体）はユーザーエージェントに依存します。- 数式やコード内で変数を強調したい場合に使用しますが、必要に応じてCSSでスタイルをカスタマイズすることが推奨されます。
アクセシビリティ
[編集]<var>要素はスクリーンリーダーに対して特別な意味を提供するわけではありませんが、他の文脈と合わせて使用することで内容が明確になります。- 変数の説明や使用例を提供すると、アクセシビリティが向上します。
スタイリング
[編集]<var>要素のデフォルトスタイルは通常、斜体ですが、CSSを使用して変更可能です。以下は例です：
var { font-style: italic; color: #007BFF; }
このスタイルは、<var>要素を目立たせるデザインを提供します。
使用上のヒント
[編集]- 数式やプログラムコードの中で変数を強調したい場合に使用してください。
- 他の要素（例：
<code>や<kbd>）と組み合わせることで、より明確な表現が可能です。 - スタイリングを適切に設定し、変数を他のテキストと区別することをおすすめします。