`<code>` HTML-элемент встроенного кода

Базовый уровень Широко доступен

Эта функция хорошо зарекомендовала себя и работает во многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Элемент <code> HTML отображает содержимое в стиле, предназначенном для обозначения того, что текст представляет собой короткий фрагмент компьютерного кода. По умолчанию текст содержимого отображается шрифтом с фиксированной шириной символов, установленным по умолчанию в пользовательском агенте.

Попробуйте

<p>
  The <code>push()</code> method adds one or more elements to the end of an
  array and returns the new length of the array.
</p>

code {
  background-color: #eeeeee;
  border-radius: 3px;
  font-family: "Courier New", monospace;
  padding: 0 3px;
}

Атрибуты

Этот элемент включает только глобальные атрибуты.

Примеры

Абзац текста, содержащий <code>:

<p>
  The function <code>selectAll()</code> highlights all the text in the input
  field so the user can, for example, copy or delete the text.
</p>

Результат

Примечания

Чтобы представить несколько строк кода, поместите элемент <code> внутрь элемента <pre>. Сам по себе элемент <code> представляет только одну фразу или строку кода.

Можно задать правило CSS для селектора code, чтобы переопределить шрифт браузера по умолчанию. Пользовательские настройки могут иметь приоритет над указанными правилами CSS.

Техническая сводка

Категории содержимого	Потоковое содержимое, фразовое содержимое, воспринимаемое содержимое.
Допустимое содержимое	Фразовое содержимое.
Опускание тегов	Нет, обязательны и открывающий, и закрывающий теги.
Допустимые родительские элементы	Любой элемент, допускающий фразовое содержимое.
Неявная роль ARIA	`code`
Допустимые роли ARIA	Любые
Интерфейс DOM	`HTMLElement` Вплоть до Gecko 1.9.2 включительно (Firefox 4) Firefox реализует для этого элемента интерфейс `HTMLSpanElement`.

Спецификации

Спецификация
HTML> # the-code-element>

Совместимость с браузерами

	Настольные					Мобильные
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android	WebView на iOS
`code`	1	12	1	15	≤4	18	4	14	≤3.2	1.0	4.4	≤3.2

См. также

© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/code

<code> HTML-элемент встроенного кода