Описание

Элемент <pre> определяет блок предварительно форматированного текста. Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. По умолчанию, любое количество пробелов идущих в коде подряд, на веб-странице показывается как один. Тег <pre>позволяет обойти эту особенность и отображать текст как требуется разработчику. В отличие от тега <plaintext>, использование которого осуждается в HTML 4, внутри контейнера <pre> допустимо применять любые теги кроме следующих: <big><img><object><small><sub> и <sup>.

Синтаксис

<pre>Текст</pre>

Закрывающий тег

Обязателен.

Атрибуты

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

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег PRE</title>
 </head>
 <body>
  <pre>
   -                -----  
   -----           |-----
  ||----|          ----||  
  ||-----         -----||  
  ||-----|       |-----||
  || -----       ------||
  ||- ----|     |------||
  ||---||--     -------||
  ||--|| --|   |-------||
  || -|| |--   --- - --||
  || -||  --|-|--| - ---|
  |---||  |-----| |-----|
  |---||   |----  |-----| 
  |----|    ---   |-----|
  |-----          ------| 
 </pre>
</body>
</html>

Результат данного примера показан ниже.

Рис. 1

Рис. 1. Вид текста, оформленного с помощью тега <pre>