Тег <code> HTML программный код

Рейтинг: 4 из 5, голосов 22

08 февраля 2018 г.

Тег <code> в HTML используется для обозначения текста как программного кода.

Браузеры обычно отображают текст внутри HTML тега <code> моноширинным шрифтом, однако хорошей практикой является выделение структурных частей кода с помощью стилей CSS (например, через автоматическое присвоение скриптом классов структурным элементам кода). Такой подход обеспечит более высокую читабельность выведенного кода.

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

Все виды выделения текста описаны в статье: Теги форматирования текста в HTML.

Синтаксис

<code>программный код</code>

Пример использования тега <code> в HTML коде

<!DOCTYPE html>
<html>
  <head>
    <title>Вывод компьютерного кода на сайте с помощью тега code</title>
  </head>
  <body>
    <code>
      &lt;style type="text/css"&gt;
      .main {
        width: 100%;
        background-color: white;
        font-size: 14px;
      }
      &lt;/style&gt;
    </code>
  </body>
</html>

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

Тег
<code>	Да	Да	Да	Да	Да

by Lebedev