HTML :: Тег <pre>

В HTML тег <pre> (от англ. preformatted text – предварительно форматированный текст) предназначен для создания предварительно форматированных блоков текста. Элемент <pre> позволяет сохранять исходное форматирование текста, выводя все подряд идущие пробельные символы и переносы строк, что может быть полезно, например, при вставке на страницу фрагментов исходного кода или желании веб-разработчика не заменять подряд идущие пробелы одним (как это делают браузеры). Разрешается использовать элемент совместно с другими тегами логического форматирования текста, например, <code>, <samp>, <var> и т.д. Браузеры по умолчанию отображают содержимое элемента <pre> моноширинным шрифтом.

Синтаксис

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

Атрибуты

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

Ссылки

Официальный сайт W3C: https://html.spec.whatwg.org/multipage/grouping-content.html#the-pre-element

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

Примеры

HTML Результат

htmlCodes

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

<pre>

  .............
  .  .     .  .
  .     .     .
  .    ...    .
  .............  
 
</pre>	
	
</body>
</html>

Пример №1