Тег <code>

IE
3.0+
Chrome
1.0+
Opera
2.0+
Safari
1.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

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

В отличие от тега <pre> дополнительные пробелы внутри контейнера <code> не учитываются, так же, как и переносы текста. Поэтому используйте тег <br> или <p> для создания переносов.

<code>Текст</code>

Атрибуты

Для этого тега доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег code</title>
 </head>  
 <body> 

  <header>Код программы</header>
  <p><code>
function makeArmy() {<br>

  var shooters = [];<br>

  for(var i=0; i<10; i++) {<br>
    var shooter = function() { // функция-стрелок<br>
      alert(i); // выводит свой номер<br>
    };<br>
    shooters.push(shooter);<br>
  }<br>

  return shooters;<br>
}<br>

var army = makeArmy();<br>

army[0](); // стрелок выводит 10, а должен 0<br>
army[5](); // стрелок выводит 10...<br>
// .. все стрелки выводят 10 вместо 0,1,2...9</code></p>

 </body>
</html>

Результат данного примера показан ниже.

Вид текста в контейнере code

Строчные элементы, Текст