<code> | Frontend Practical Guide

Overview

The <code> element displays its contents as a fragment of computer code.

Feature	Desktop				Mobile
Feature	Chrome	Edge	Firefox	Safari	Chrome Android	Safari iOS
`<code>`	1	12	1	≤4	18	≤3.2

1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

HTML

<p><code>console.log()</code> You can generate debug output.</p>
<pre><code>function greet(name) {
  return `Hello, ${name}!`;
}</code></pre>

Code element in textmiddle to co-d fill.functionname or variablename. Display to.

Pre and code combinationmultiple row. co-d display.

ta-minalcommand co-delement in displaypattern.

Using <code>
The <code> element displays its contents as a fragment of computer code.