/html/code:> Выделение программного кода_

Элемент code

Синтаксис

(X)HTML
<code> ... </code>

Описание

Элемент code (от англ. "code" ‒ «код») выделяет в тексте 'моноширинным шрифтом' (эффект пишущей машинки или телетайпа; шрифт: «courier», типовое семейство шрифтов: «monospace») небольшой кусок программного кода. Для вывода больших участков кода лучше будет воспользоваться элементом pre, так как он выводит содержимое ровно так же как оно написано в документе (с учётом всех пробелов и переносов строк).

Примечание

Не стоит использовать данный элемент для того, чтобы просто выделить обычный текст моноширинным шрифтом. Для этих целей лучше подойдет CSS, элемент pre или tt.

CSS

Аналог: font-family: "Courier", monospace;.


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

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

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


Атрибуты

Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент code</title>
</head>
<body>
<h1>Пример с элементом "code"</h1>
<p>Обращение к элементу с помощью идентификатора:</p>
<p><code>document.getElementById("id")</code></p>
</body>
</html>
Элемент code