HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLのタグとは？プログラムの出力を表示する使い方を解説

HTMLの<samp>タグは、<em>、<code>、<strong>などと同様の「フレーズタグ」の一種で、HTML文書内のテキストを意味的にマークアップして整形するために使用します。このタグは主に、コンピュータプログラムやシステムが出力したメッセージを表示する目的で使われます。

多くのブラウザでは、<samp>タグで囲まれたテキストは等幅フォント（モノスペースフォント）で表示されます。そのため、「これはプログラムが出力した内容である」ということが、ユーザーにも検索エンジンにも視覚的に伝わりやすくなります。

sampタグの実装例

それでは、実際に<samp>要素を使ったサンプルコードを見てみましょう。

サンプルコード

<!DOCTYPE html>
<html>
<body>
<h2>OSの不具合</h2>
<p>システムがフリーズした場合…</p>
<samp>CTRL + ALT + DELETEキーを押して、現在のタスクを終了してください。</samp>
</body>
</html>

表示結果

HTMLの samp タグとは？プログラムの出力を表示する使い方を解説

上記の例では、<samp>タグの中に次のようなテキストを設定しています。

<samp>
CTRL + ALT + DELETEキーを押して、現在のタスクを終了してください。
</samp>

sampタグと似たタグとの違い

<samp>タグと混同しやすい類似タグには、以下のようなものがあります。

  • <code>：プログラムのソースコードそのものを表す
  • <kbd>：ユーザーが行うキーボード入力を表す
  • <var>：プログラム内の変数を表す

それぞれ役割が異なるため、用途に応じて適切に使い分けることで、より意味的で読みやすく、SEOにも強いHTML文書を作成できます。

  1. HTMLのembedタグとは？使い方と主な属性をわかりやすく解説

    <embed>タグとは<embed>タグは、HTML文書の中に外部アプリケーションやプラグインコンテンツ（PDFファイル、動画、音声など）を埋め込むための要素です。開始タグのみで構成され、基本的に終了タグは不要です。<embed>タグで使用できる主な属性は以下の通りです。height：埋め込むコンテンツの高さをピクセル単位で指定します。src：埋め込む外部ファイルのアドレス（URL）を指定します。type：埋め込みコンテンツのメディアタイプ（MIMEタイプ）を指定します。例：「application/pdf」など。width：埋め込むコンテンツの幅をピクセル

  2. HTMLの<dfn>タグとは？定義用語のマークアップ方法を実例付きで解説

    HTMLの<dfn>タグは、専門用語や略語など「定義の対象となる語」が文書内で最初に登場する箇所を示すための要素です。多くのブラウザでは、<dfn>タグで囲まれた部分は斜体（イタリック体）で表示されます。 それでは、<dfn>タグの具体的な実装例を見ていきましょう。 コード例 <!DOCTYPE html> <html> <body> <h2>MCAの科目一覧</h2> <p><dfn title="Master of Computer Applications"