Тег <code>

Синтаксис

Описание

Тег <code> (от англ. code — код) предназначен для отображения одной или нескольких строк текста, который представляет собой программный код. Сюда относятся имена переменных, ключевые слова, тексты функции и т.д.

Браузеры обычно отображают содержимое контейнера <code> как моноширинный текст уменьшенного размера.

В отличие от элемента <pre> дополнительные пробелы внутри контейнера <code> не учитываются, так же, как и переносы текста. Для разметки кода программы элементы <code> и <pre> комбинируют.

Примечание!

Если необходимо написать несколько строк кода, лучше поместить тег <code> внутри тега <pre>. Сам по себе тег <code> представляет собой только одну строку кода.

Также тег поддерживает глобальные атрибуты и атрибуты события.

Пример

HTML-код:

<!DOCTYPE html>

<head>

</head>

<body>

<p>Простая функция JavaScript</p>

<pre>

<code> function square(number) {

return number * number;

}

</code>

</pre>

</body>

</html>

Отображение в браузере:

Простая функция JavaScript

function square(number) {return number * number;}

Параметры CSS по умолчанию

code {
font-family: monospace;
}

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

Элемент	Chrome	Opera	Firefox	Safari	Microsoft Edge
<code>	Да	Да	Да	Да	Да

Элемент

Chrome

Opera

Firefox

Safari

Microsoft Edge

<code>

Да