HTML - тег <pre>


Пример

Предварительно отформатированный текст:

<pre>
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks
</pre>

Другие примеры «Попробуйте сами» ниже.


Определение и использование

Тег <pre>определяет предварительно отформатированный текст.

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

Также посмотрите:

Tag Description
<code> Defines a piece of computer code
<samp> Defines sample output from a computer program
<kbd> Defines keyboard input
<var> Defines a variable

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

Element
<pre> Yes Yes Yes Yes Yes


Глобальные атрибуты

Тег <pre>также поддерживает глобальные атрибуты в HTML .


Атрибуты события

Тег <pre>также поддерживает атрибуты событий в HTML .


Дополнительные примеры

Пример

Как создать предварительно отформатированный текст с фиксированной шириной (с помощью CSS):

<div style="width:200px;overflow:auto">
<pre>This is a pre with a fixed width. It will use as much space as specified.</pre>
</div>

Связанные страницы

Учебное пособие по HTML: форматирование текста HTML

Справочник по HTML DOM: предварительный объект


Настройки CSS по умолчанию

Большинство браузеров будут отображать <pre>элемент со следующими значениями по умолчанию:

Пример

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}