Тег <code>
Описание
Тег <code> используется для выделения фрагментов компьютерного кода в тексте. По умолчанию отображается моноширинным шрифтом.
<p>Для вывода текста в JavaScript используйте <code>console.log()</code>.</p>
<pre>
<code> function greet() { console.log("Hello, World!"); return true; } </code>
</pre>
<style>
.code-block {
background: #f5f5f5;
padding: 1em;
border-radius: 4px;
font-family: monospace;
}
</style>
<pre>
<code class="code-block">
const sum = (a, b) => a + b;
</code>
</pre>
Основные особенности:
- Семантически обозначает фрагменты кода
- По умолчанию использует моноширинный шрифт
- Для многострочного кода комбинируется с <pre>
- Не сохраняет пробелы и переносы без <pre>
Рекомендации по использованию:
- Для переменных, функций, команд в тексте - одиночный <code>
- Для блоков кода - <pre><code>...</code></pre>
- Для сложной подсветки используйте библиотеки (Prism.js, Highlight.js)
- Добавляйте классы для языков программирования (language-js, language-python)
Тег <code> помогает корректно отображать программный код и улучшает читаемость технических документов.
Атрибуты
| accesskey | Определяет горячую клавишу для активации/фокусировки элемента |
| class | Задает один или несколько классов CSS для стилизации элемента |
| contenteditable | Указывает, может ли пользователь редактировать содержимое элемента |
| data-* | Используется для хранения пользовательских данных в элементах |
| dir | Определяет направление текста: слева направо (ltr) или справа налево (rtl) |
| hidden | Скрывает элемент, делая его невидимым и недоступным для пользователя |
| id | Уникальный идентификатор элемента в документе |
| lang | Определяет язык содержимого элемента |
| spellcheck | Указывает, должна ли проверяться орфография в содержимом элемента |
| style | Позволяет задавать CSS-стили непосредственно в атрибуте элемента |
| tabindex | Определяет порядок перехода между элементами при нажатии Tab |
| title | Задает всплывающую подсказку при наведении на элемент |
| translate | Указывает, должен ли переводиться текст внутри элемента |
Поддержка браузерами
 |
 |
 |
 |
 |
|---|---|---|---|---|
| 3.0 | 1.0 | 2.0 | 1.0 | 1.0 |