トップページ  > HTML Living Standard  > <samp>

★HTML Living Standard リファレンス

<samp> …… コンピューターからの出力サンプルを表す
Internet Explorer Microsoft Edge Google Chrome Safari Firefox Opera
広告

<samp>タグは、コンピューターからの出力サンプルを表す際に使用します。

例えば、“このプログラムでこういう操作をするとこんな出力結果になります” と示す場合などにsamp要素を使用します。

samp要素とoutput要素を比較してみると、より理解が深まるでしょう。 samp要素がこんな結果になりますという出力サンプルを示すのに対して、 output要素はいま出力された内容そのものを示します。

samp要素と併用されることの多い pre要素kbd要素output要素 のページも参考にしてください。

■使用例

以下のサンプルは、samp要素を文中にインラインで配置した使用例です。

HTMLソース

<p>
 コンピューターは、
 <samp>このファイルを完全に削除しますか?</samp>と聞いています。
 どうしたら良いですか?
</p>
↓↓↓

ブラウザ上の表示

コンピューターは、 このファイルを完全に削除しますか?と聞いています。 どうしたら良いですか?

■使用例

以下のサンプルは、コマンドラインの出力サンプルを示しています。 kbd要素はユーザー入力を表します。 span要素はスタイリングのためのフックとして追加されています。

HTMLソース

<pre><samp>
<span class="prompt">C:\Users\ichiro></span> <kbd>cd ../</kbd>
<span class="prompt">C:\Users></span> <span class="cursor">_</span>
</samp></pre>
↓↓↓

ブラウザ上の表示


C:\Users\ichiro> cd ../
C:\Users> _

■使用例

以下のサンプルでは、コードとそのコードを入力した場合の出力サンプルを、 code要素とsamp要素でマークアップしています。

HTMLソース

<pre>
<code class="language-javascript">console.log(2.3 + 2.4)</code>
<samp>4.699999999999999</samp>
</pre>
↓↓↓

ブラウザ上の表示

console.log(2.3 + 2.4)
4.699999999999999
広告
Sponsors
広告
MuuMuu Domain!
ドメイン取るならお名前.com
現役エンジニアのオンライン家庭教師【CodeCamp】
サイトに広告を掲載してお小遣いが稼げる!【A8.net】
Node.jsコース
はじめてのプログラミングコース
▲ページ先頭へ
HTMLクイックリファレンスについて
© HTMQ