HTMLコンピューターコード要素

HTMLには、ユーザー入力とコンピューターコードを定義するための要素がいくつか含まれています。

例

HTML<kbd>キーボード入力用

HTML<kbd>要素は、キーボード入力を定義するために使用されます。内部のコンテンツは、ブラウザーの既定のモノスペースフォントで表示されます。

例

ドキュメントでキーボード入力としてテキストを定義します。

Save the document by pressing <kbd>Ctrl + S</kbd>

結果：

Ctrl + Sを押してドキュメントを保存します。

HTML<samp>プログラム出力用

HTML<samp>要素は、コンピュータープログラムからのサンプル出力を定義するために使用されます。内部のコンテンツは、ブラウザーの既定のモノスペースフォントで表示されます。

例

ドキュメント内のコンピュータプログラムからのサンプル出力としてテキストを定義します。

コンピューターからのメッセージ <samp>ファイルが見つかりません。 続行するにはF1を押してください。</samp>

結果：

コンピュータからのメッセージ:
ファイルが見つかりません。続行するにはF1を押してください

HTML<code>コンピューターコード用

HTML<code>要素は、コンピューターコードの一部を定義するために使用されます。内部のコンテンツは、ブラウザーの既定のモノスペースフォントで表示されます。

例

ドキュメント内のコンピュータコードとしてテキストを定義します。

結果：

x = 5; y = 6; z = x + y;

<code>要素では、余分な空白と改行を保持されない事に注意して下さい。

これを修正するには、<code>要素を<pre>要素内に配置します。

例

結果：

x = 5; y = 6; z = x + y;

変数のHTML<var>

HTML<var>要素は、プログラミングまたは数式で変数を定義するために使用されます。内部のコンテンツは通常、斜体で表示されます。

例

ドキュメント内でいくつかのテキストを変数として定義します。

三角形の面積s:1/2×<var>b</var>×<var>h</var>で<var>b</var>は底辺で、<var>h</var>は高さです。

結果

三角形の面積:1/2×b×h、でbは底辺で、hは高さです。

この章のまとめ

<kbd>要素はキーボード入力を定義します。
<samp>要素はコンピュータプログラムからのサンプル出力を定義します。
<code>要素は、コンピューターコードの一部を定義します。
<var>要素は、プログラミングまたは数式で変数を定義します。
<pre>要素は、フォーマット済みテキストを定義します。