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

概要

<code> 要素はコンピュータコードの短い断片を表します。デフォルトで等幅フォントで表示されます。

対応ブラウザ

デスクトップ

Chrome 1+
Edge 12+
Safari 4+
Firefox 1+

モバイル

Chrome Android 18+
Safari iOS 3.2+
Firefox Android 4+

基本構文

HTML
<p><code>console.log()</code> でデバッグ出力ができます。</p>
<pre><code>function greet(name) {
  return `Hello, ${name}!`;
}</code></pre>

実務での使いどころ

  • <code> の活用

    コンピュータコードの断片を表す要素。インラインコードの表示に使用。

注意点

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

アクセシビリティ

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