Элемент <pre>

Элемент <pre> (от англ. preformatted — предварительно отформатированный) используется для обозначения предварительно отформатированного текста, который должен быть отображён точно так, как его напечатали, со всеми пробелами, переносами строк и отступами.

По умолчанию в элементе <pre> для текста используется моноширинный шрифт. Внутри элемента допустимо использовать другие элементы для форматирования текста.

Некоторые примеры использования элемента <pre>:

• для печати стихов, с таким расположением строк, как задумал автор;
• для ASCII рисунков;
• для отображения фрагментов программного кода.

Атрибуты

Для элемента <pre> доступны глобальные атрибуты и события.

Стиль по умолчанию

Ниже показан стиль по умолчанию для элемента <pre>, определённый в спецификации HTML:

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

Пример

<pre>
       .-.
 __   /   \   __
(  `'.\   /.'`  )
 '-._.(;;;)._.-'
 .-'  ,`"`,  '-.
(__.-'/   \'-.__)
      \   /
       '-'
</pre>

       .-.
 __   /   \   __
(  `'.\   /.'`  )
 '-._.(;;;)._.-'
 .-'  ,`"`,  '-.
(__.-'/   \'-.__)
      \   /
       '-'