🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Тег <pre> используется для отображения предварительно отформатированного текста. Он сохраняет все пробелы и переносы строк, а также отображает содержимое в моноширинном шрифте. Элемент удобно использовать, когда нужно показать код или вывести сообщения об ошибках.

В этом примере тег <pre> используется для показа JavaScript-функции с сохранением форматирования и отображением в моноширинном шрифте:

<pre>
  function factorial(n) {
    if (n === 0) {
      return 1;
    } else {
      return n * factorial(n-1);
    }
  }
</pre>

☝ Тег <pre> не должен использоваться для вёрстки, так как может нарушить адаптивность сайта.

Чем заменить тег

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