<code>文字列</code>‥‥ソースコード
<kdd>文字列</kdd>‥‥キーボードから入力する文字
<samp>文字列</samp>‥‥出力結果のサンプル
<var>文字列</var>‥‥プログラムの引数や変数
<kdd>文字列</kdd>‥‥キーボードから入力する文字
<samp>文字列</samp>‥‥出力結果のサンプル
<var>文字列</var>‥‥プログラムの引数や変数
| 要素名 | 属性名 | 説明 | 非推奨 | 必須属性 |
|---|---|---|---|---|
| code kdd samp var | ソースコード 入力する文字 出力サンプル 引数や変数 | |||
| class | クラス名 | |||
| id | ＩＤ名 | |||
| title | 補足情報 | |||
| style | スタイルシート | |||
| lang | 言語コード | |||
| dir | 文字表記の方向 |
ソースコードや出力結果など、技術的な意味を持つテキストは、本文と区別して表示することが出来ます。
<code>〜</code>は、ソースコードを示すとき、<kdd>〜</kdd>は、キーボードから入力する文字であることを
示すとき、<samp>〜</samp>は、プログラムやスプリクトなどの出力結果のサンプルを示す場合に、<var>〜</var>は、
プログラムの引数や変数であることを示す場合に使います。通常、kdd要素、samp要素、codevar等幅フォントで、var要素、
はイタリックで表示されます。
ソースコードを示す場合は<code>〜</code>を利用しますが、この時<pre>〜</pre>を使うと
、プログラム中の空白や改行なども入力した通りに表示する事が出来ます。
Sample
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>プログラム関連のテキストを表示する。</title>
</head>
<body text="black" bgcolor="#FFF8DC">
<p>コマンドラインから<kdd>DIR</kdd>と入力してみましょう。もし間違って入力した時は、 次のようなメッセージが表示されます。
</p>
<p><samp>コマンドまたはファイル名が違います。</samp>
<p>次に示す例のように、通常カウンタとなる変数には、<var>i</var> が使用されます。
</p>
<pre><code>
for (var i in document)
document.write(1 + "<br>")
</code></pre>
</body>
</html>
<html lang="ja">
<head>
<base href="http://www.abcd.com/efg/index.html">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="制作者名">
<meta name="description" content="内容の紹介">
<meta name="keywords" content="キーワード1,キーワード2,キーワード3,・・・">
<link rel="start" href="start.html">
<link rel="index" href="index.html">
<title>プログラム関連のテキストを表示する。</title>
</head>
<body text="black" bgcolor="#FFF8DC">
<p>コマンドラインから<kdd>DIR</kdd>と入力してみましょう。もし間違って入力した時は、 次のようなメッセージが表示されます。
</p>
<p><samp>コマンドまたはファイル名が違います。</samp>
<p>次に示す例のように、通常カウンタとなる変数には、<var>i</var> が使用されます。
</p>
<pre><code>
for (var i in document)
document.write(1 + "<br>")
</code></pre>
</body>
</html>
Internet Explorer8での表示例
