HTML тег `<pre>`

Значение и применение

Тег <pre> (HTML Preformatted Text) определяет предварительно отформатированный текст. Текст, который был помещён внутрь тега будет отображен со шрифтом фиксированной ширины и сохранит как пробелы, так и разрывы строк.

Для листинга программы объедините элементы: <pre><code>…</code></pre>. Внутри по-прежнему разбирается HTML: записывайте < вместо < и & вместо амперсанда, если он начинает мнемонику. Отступы самого исходного файла тоже попадут в вывод. Первый перевод строки непосредственно после открывающего <pre> HTML-парсер удаляет.

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

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.pre
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`pre`	✓1	✓12	✓1	✓15	✓≤4	✓18	✓4	✓14	✓≤3.2	✓1.0	✓4.4	✓≤3.2
`width`	✓1	✓12	✓1	✓15	✓3	✓18	✓4	✓14	✓2	✓1.0	✓4.4	✓2

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Атрибуты

Атрибут	Значение	Описание
`width`	`number`	Не поддерживается в HTML5. Определяет максимальное количество символов в строке.

Пример, попробуйте сами

Пробелы и переводы строк

Измените отступы и переводы строк внутри pre: браузер сохранит их в результате.

index.html

HTML

<pre>
План:
  1. Создать HTML
  2. Добавить CSS
     Проверить результат</pre>

Значение CSS по умолчанию

CSS

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

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

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

Элемент поддерживает "атрибуты событий".

HTML тег <pre>