samp要素

samp要素は、コンピュータのシステムやプログラムからの出力例であることを示す要素。

カテゴリー フロー・コンテンツ、フレージング・コンテンツ、パルパブル・コンテンツ。
コンテキスト フレージング・コンテンツを内包できる要素内で使用できる。
コンテンツ・モデル フレージング・コンテンツを内包できる。
属性 グローバル属性。
ブラウザ対応

構文

<samp>コンピューターからの出力例</samp>

要点

  • samp要素は、コンピュータのシステムやプログラムからの出力例であることを示す要素である。
  • 出力例の半角スペース、タブ、改行を、そのまま表示するには、pre要素と併用する。
  • ほとんどのブラウザは、samp要素内のテキストを、等幅フォントで表示する。

サンプルコード

１行の出力例

<p>半角英数字で入力しないと、<samp>半角英数字で入力して下さい。</samp>と表示します。</p>

複数行の出力例

<pre>
<samp>【エラー】
	エラー番号：214422
	入力内容に誤りがあります。
</samp>
</pre>

半角スペース、タブ、改行を、そのまま表示するには、pre要素と併用する。

入力した内容を表示

samp要素の中にkbd要素を配置する。

<p>ユーザー名は、<samp><kbd>サンプル太郎</kbd></samp>でよろしいですね。</p>

コンピューターが出力した選択肢を表現

kbd要素の中にsamp要素を配置する。

<p>規約を読み、<kbd><kbd><samp>同意する</samp></kbd>｜<kbd><samp>同意しない</samp></kbd></kbd>のどちらかを選択します。</p>

サンプル

１行の出力例

HTMLソースコード
<p>半角英数字で入力しないと、「<samp>半角英数字で入力して下さい。</samp>」という注意が現れます。</p>
実際の表示

半角英数字で入力しないと、「半角英数字で入力して下さい。」という注意が現れます。

複数行の出力例

HTMLソースコード
<pre>
<samp>【エラー】
	エラー番号：214422
	入力内容に誤りがあります。
</samp>
</pre>
実際の表示
【エラー】
	エラー番号：214422
	入力内容に誤りがあります。