/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
Поддерж.
Спецификация
Верс. | Раздел | |
---|---|---|
HTML | ||
2.0 | Code: CODE | Перевод |
3.2 | Phrase Elements | |
4.01 | 9.2.1 Phrase elements: EM, STRONG, DFN, CODE, SAMP, KBD, VAR, CITE, ABBR, and ACRONYM DTD: Transitional
Strict
Frameset
|
|
5.0 | 4.5.12 The code element | |
5.1 | 4.5.17. The code element | |
XHTML | ||
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
Пример использования
Листинг кода
<!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>
<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