どんなタグ？
コードを表す場合に
<code>タグを使う

<p>
  JavaScriptでid属性で要素を取得するメソッドは、
  <code>getElementById()</code>です。
</p>

どのカテゴリに属しているの？

<code>タグは フロー・コンテンツ, フレージング・コンテンツ というコンテンツ・カテゴリに属しているタグです。

梱包できるタグは？

<code>タグに梱包できるタグ（コンテンツ・モデル）は、フレージング・コンテンツです。
つまり、フレージング・コンテンツというカテゴリに属しているタグなら梱包可能です。

コードを表したいときに使うタグです！

どうやって使うの？
コードを表す文字列を、
<code> タグで挟んで使います。

使い方

<code>コードとして表したい文字列</code>

<p>
  JavaScriptで詰まった時は、
  <code>console.log()</code>で味見しましょう！
</p>

どこでも使えるの？

<code>タグは フレージング・コンテンツ が配置できるところならどこでも使えます。

気をつけることは？

HTML上で何かしら役割を持っている「<」や「>」などは、「&lt;」や「&gt;」のように文字参照で記述する必要があります。

<code>タグ内でHTMLのタグを文字として扱う場合は、文字参照をする。

使える属性は？
グローバル属性のみ使えます。

class属性やtitle属性などのグローバル属性が使えます。

サンプルが見たい
<code>タグを使ったサンプルを紹介。

<p>
  <code>&lt;h1&gt;見出し&lt;/h1&gt;</code>
</p>

<pre><code>
   for(let i = 0; i < 5; i++ ) {
     console.log(&quot;pre要素に包むと改行や空白が反映されます&quot;);
   }
</code></pre>

空白や改行をそのまま表示させたい時は、<pre>タグ内にに記述する！

デフォルトスタイルは？
デフォルトでは、
文字が等幅フォントになる

code {
    font-family: monospace;
}

デフォルトでは、「等幅フォント」というフォントの種類だけ指定されているので、書体を指定する場合はCSSのfont-familyプロパティを使いましょう

対応ブラウザは？
基本的にどのブラウザでも使えます。

Internet Explorar

Internet Explorar あり ~

Edge

Edge 12 ~

Google Chrome

Google Chrome 4 ~

Firefox

Firefox 2 ~

Safari

Safari あり ~

Opera

Opera あり ~

モダンブラウザは問題ありません。