HTML Tag Reference

samp 要素

出力テキストの例を表す

samp 要素はプログラム、コンピュータからの出力テキストの例を表します。例えば、プログラムに対してある入力をすると、それに対して出力されるメッセージなどが該当するでしょう。

samp 要素の仕様

コンテンツモデル
この要素を使用できる文脈

フレージング・コンテンツが期待される場所

この要素で使用できる属性

詳細説明

kbd 要素と samp 要素の入れ子関係は特別な意味を持ちます。

kbd 要素が samp 要素に内包された場合

kbd 要素によってマークアップされた入力テキストが、エコーバックされたことを表します。エコーバックとは入力に対して結果の出力と一緒に入力した値が返ってくることですが、例えば、キーボードから 「1」 を入力すると 「1 が選択されました」 という出力が行われる様子を表したい場合、

<kbd>1</kbd> を入力すると 「<samp><kbd>1</kbd> が選択されました</samp>」 と表示されます。

のようにマークアップすることで表すことができます。

kbd 要素が samp 要素を内包した場合

samp 要素によって出力された内容を入力することを表します。システムによって出力されたメニュー項目を選択してくださいと説明する場合などです。例えば、「保存する」 というメニューが出力され、それを選択することを表したい場合、

画面に表示される 「<kbd><samp>保存する</samp></kbd>」 メニューを選択します。

のようにマークアップすることで表すことができます。

samp 要素のサンプルソース

<p>
 <kbd>1</kbd> を入力すると
 「<samp><kbd>1</kbd> が選択されました</samp>」
 と表示されます。
</p>
<p>
 画面に表示される
 「<kbd><samp>保存する</samp></kbd>」 メニューを選択します。
</p>

主要ブラウザの対応

IE11
Edge(EdgeHTML)
Edge(Chromium)
Chrome
Firefox
Safari
iOS Safari
Android Chrome

用途から目的の要素を探す

用途から HTML 要素を逆引きできます。