Widely available すべての主要ブラウザで対応済み。安心して使用可能。

<samp>

<samp> は HTML の要素で、コンピュータープログラムからのサンプル出力を表すインラインのテキストを収めるために使用されます。内容は普通、ブラウザーの既定の等幅フォント（Courier や Lucida Console など）を使用して表示されます。

テキスト・構造

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
<samp>
1
12
1
≤4
18
≤3.2
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

基本構文

HTML 
<p>Console output: <samp>Hello, World!</samp></p>
<p>Error:<samp> File not found</samp></p>

ライブデモ

プログラムの出力例

samp 要素でコンピュータの出力テキストを表す。

プレビュー全画面表示

エラーメッセージ

samp でエラー出力を表示するパターン。

プレビュー全画面表示

インラインの出力表示

文中で samp を使いプログラムの出力を表現。

プレビュー全画面表示

実務での使いどころ

  • <samp> の活用

    <samp> は HTML の要素で、コンピュータープログラムからのサンプル出力を表すインラインのテキストを収めるために使用されます。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。

参考リンク