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

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

HTML コンピュータコード・フォーマット

HTML は通常、可変な文字サイズと字間値を使用しています。

これは、コンピュータコードの例を表示する場合には望ましくありません。

<kbd>、<samp> および <code> 要素は、すべて固定 The <kbd>, <samp>, and <code> elements are all displayed in fixed letter size and spacing.

通常、HTML は、可変な文字サイズ、および可変な字間値を使用しています。

これは、コンピュータコードの例を表示する場合には望ましくありません。

<kbd>、<samp> および <code> 要素は、すべて固定した文字サイズと字間値で表示します。

HTML <kbd> 要素は、キーボード入力を定義します：

結果：

File | Open...

HTML <samp> 要素は、コンピュータ出力を定義します：

<samp>
demo.example.com login: Apr 12 09:10:17
Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
</samp>

結果：

demo.example.com login: Apr 12 09:10:17 Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189

HTML <code> 要素は、プログラミングコードを定義します：

<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>

結果：


var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;

<code> 要素は余分な空白や改行を保持しないことに注意してください。

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

<pre>
<code>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</code>
</pre>

結果：


var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;

HTML <var> 要素は、変数を定義します：

変数は、数学的表現の変数にも、プログラミングのコンテキストおける変数にも使用できます：

Einstein wrote: <var>E</var> = <var>m</var><var>c</var><sup>2</sup>.

結果：

Einstein wrote: E = mc².