HTML :: Тег <code>

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

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

Синтаксис

	<code>...</code>		
	
	Закрывающий тег: обязателен.

Атрибуты

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

Ссылки

Официальный сайт W3C: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-code-element

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/code

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Пример №1</title>
</head>
<body>

	<p> 
	  Давайте посмотрим на фрагмент кода PHP:<br> 
	  <code>echo "Всем привет от PHP!";</code><br>
	  Да, код простой, но какая сила!!!
	</p>	
	
</body>
</html>

Пример №1

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Пример №2</title>
</head>
<body>

	<p> 
	  Еще один фрагмент кода PHP: 
	</p>

<pre>
<code>
$a=3;                 //Присвоили переменной стартовое значение 
 
for($i=1;$i<5;$i++){  //Выражения в условии отделяются точками с запятой   
  echo $a=++$a;       //Код в теле цикла выполняется в случае истинности 
                      //второго выражения в условии цикла
} 
</code>
</pre>	
	
</body>
</html>

Пример №2