Перейти к содержанию

<pre>

Тег <pre> (от англ. preformatted — предварительно отформатированный) определяет блок предварительно форматированного текста.

Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. По умолчанию, любое количество пробелов идущих в коде подряд, на веб-странице показывается как один. Элемент <pre> позволяет обойти эту особенность и отображать текст как требуется разработчику.

Демо

Текстовые блоки

Синтаксис

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

Закрывающий тег обязателен.

Атрибуты

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

Спецификации

Описание и примеры

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>PRE</title>
    </head>
    <body>
        <pre>
-                -----  
-----           |-----
||----|          ----||  
||-----         -----||  
||-----|       |-----||
|| -----       ------||
||- ----|     |------||
||---||--     -------||
||--|| --|   |-------||
|| -|| |--   --- - --||
|| -||  --|-|--| - ---|
|---||  |-----| |-----|
|---||   |----  |-----|
|----|    ---   |-----|
|-----          ------|
</pre
        >
    </body>
</html>

Ссылки

  • Тег <pre> MDN (рус.)

Комментарии