<pre> - HTML-елемент попередньо відформатованого тексту

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

Елемент <pre> зберігає всі пробіли та переноси рядків, що робить його ідеальним для відображення блоків коду, ASCII-арту або будь-якого іншого тексту, де форматування є важливим.

Для семантично правильного представлення коду, рекомендується вкладати елемент <code> всередину <pre>.

HTML
<pre>...</pre>

Атрибути

Цей тег може мати глобальні атрибути.

Технічне резюме

Категорія контенту	Потоковий контент, відчутний контент.
Дозволений вміст	Фразовий контент.
Пропуск тегів	Жоден, початковий та кінцевий теги є обов’язковими.
Дозволені батьківські елементи	Будь-який елемент, що приймає потоковий контент.
Роль ARIA	Немає відповідної ролі.
DOM інтерфейс	`HTMLPreElement`

Приклади використання

<pre><code>function sayHello() {
  console.log("Привіт, світ!");
}</code></pre>

<pre>
  /_/
 ( o.o )
  > ^ <
</pre>
<span>
  /_/
 ( o.o )
  > ^ <
</span>

Стилі за замовчуванням

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

Підтримка браузерів



`<pre>`
`width`