HTML тег `<code>`

Значение и применение

Тег <code> (HTML Code Element) предназначен для выделения части компьютерного кода (по умолчанию представлен моноширинным шрифтом).

HTML

Следующий код выводит сообщение: <code>alert('Привет, друг');</code>

Сам <code> не сохраняет переносы строк и отступы. Для многострочного кода поместите его в <pre>. HTML-теги внутри листинга экранируйте, например <p>: элемент не отключает разбор разметки и не запускает программу, записанную как текст.

Поддержка браузерами

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.code
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`code`	✓1	✓12	✓1	✓15	✓≤4	✓18	✓4	✓14	✓≤3.2	✓1.0	✓4.4	✓≤3.2

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Пример, попробуйте сами

Код внутри текста и в блоке

Измените текст кода. Символы < и > записаны как сущности, чтобы браузер показывал их, а не создавал элементы.

index.html

HTML

<p>Элемент <code>&lt;p&gt;</code> обозначает абзац.</p>
<pre><code>&lt;p&gt;Привет, мир!&lt;/p&gt;
&lt;p&gt;Второй абзац.&lt;/p&gt;</code></pre>

Отличия HTML 4.01 от HTML 5

Нет.

Значение CSS по умолчанию

CSS

code {
font-family: monospace;
}

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

Атрибуты событий

Элемент поддерживает "атрибуты событий".

HTML тег <code>