HTML - тег <code> используется для определения фрагмента компьютерного кода. Содержимое внутри отображается моноширинным шрифтом браузера по умолчанию.
Тег <code> - синтаксис и код
Тег <code> представлен парами. Содержимое записывается между открывающим (<code>) и закрывающим (</code>) тегами.
Пример разметки текста как компьютерного кода в документе:
<p>Это обычный текст <code>здесь программный код</code> это еще один обычный текст.</p>
Это обычный текст здесь программный код это еще один обычный текст.
Определение и использование
- HTML - тег
<code> используется для вставки в HTML-документ переменных, фрагментов программного кода и т.п. В браузере код отображается моноширинным шрифтом (шрифтом, в котором все символы имеют одинаковую ширину) меньшего размера;
- Сам по себе тег
<code> представляет одну строку кода или кодовую фразу. Его следует заключить в элемент <pre> для представления нескольких строк кода.
★ Примечание: этот тег не устарел. Однако можно добиться более глубокого эффекта, используя CSS (см. пример ниже).
Также посмотрите:
| Тег |
Описание |
| <samp> |
Определяет пример вывода компьютерной программы |
| <kbd> |
Определяет ввод с клавиатуры |
| <var> |
Определяет переменную |
| <pre> |
Определяет предварительно отформатированный текст |
Поддержка <code> браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Атрибуты
Глобальные атрибуты
Тег <code> также поддерживает глобальные атрибуты в HTML
Атрибуты событий
Тег <code> также поддерживает атрибуты событий в HTML
Дополнительные примеры
<html>
<head>
<style>
code {
font-family: Consolas,"courier new";
color: #ffff00;
background-color: #000;
padding: 2px;
font-size: 105%;
}
</style>
</head>
<body>
<p>HTML <code>button</code> тег определяет кликабельную кнопку.</p>
<p>CSS <code>background-color</code> свойство определяет цвет фона элемента.</p>
</body>
</html>
ПРИМЕР
Связанные страницы
Руководство по HTML: форматирование текста HTML
Настройки CSS по умолчанию
Большинство браузеров отображают элемент code со следующими значениями по умолчанию:
code {
font-family: monospace;
}
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.
