HTML & CSS - code タグ

基本的な使い方

code タグは、ソースコードを表します。複数行のソースコードを表す場合は pre タグと合わせてよく使用されます。

<pre>
    <code>
        // ここにソースコードを書く
        console.log("Hello!");
    </code>
</pre>

code タグの基本的な書き方

pre タグとは、整形済みテキストを表すためのタグです。HTML ドキュメントは、空白や改行などのホワイトスペースは詰められて表示されます。しかし pre タグを使用すると、それらのホワイトスペースをそのまま表示してくれます。

code タグで囲まれた部分は、インライン要素として表示されます。そのため、code タグは段落などの文章中にも使用することができます。

<p><code>console.log()</code> で文字列を出力してみましょう。</p>

code タグはインライン要素として表示される

console.log() で文字列を出力してみましょう。

ブラウザ表示

HTML Standard - 4.5.15 The code element
https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-code-element