/html/pre:> Предварительно отформатированный текст_
Элемент pre
Синтаксис
(X)HTML
<pre> ... </pre>
Описание
Элемент pre
(от англ. "preformatted" ‒ «предварительно отформатированный») выводит 'моноширинным шрифтом' вложенный в него текст, в том же виде в каком он находится в коде документа (с учётом всех пробельных символов). Чаще всего данный элемент используют для вывода больших участков исходного кода программ.
Примечание
Для вывода небольших участков кода программ используется элемент code
.
Условия использования
В данный элемент запрещено вкладывать big
, img
, font
, object
, small
, sub
и sup
элементы.
CSS
Визуальный эквивалент: font-family: "Courier", monospace;
.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел | |
---|---|---|
HTML | ||
2.0 | Preformatted Text: PRE | Перевод |
3.2 | Preformatted Text | |
4.01 | 9.3.4 Preformatted text: The PRE element DTD: Transitional
Strict
Frameset
|
|
5.0 | 4.4.3 The pre element | |
5.1 | 4.4.3. The pre element | |
XHTML | ||
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент pre</title>
</head>
<body>
<h1>Пример использования элемента "pre"</h1>
<pre>Текст написанный с помощью элемента "pre".
....................¶¶¶¶¶¶¶¶¶¶¶¶¶¶......
......¶¶¶¶¶.......¶¶¶............¶¶¶....
.....¶¶¶¶¶¶¶....¶¶.....¶¶...¶¶......¶¶..
.....¶¶....¶...¶¶......¶¶...¶¶.......¶¶.
.....¶¶...¶¶..¶¶.......¶¶...¶¶........¶¶
......¶...¶...¶........................¶
....¶¶¶¶¶¶¶¶¶¶¶¶..¶¶.............¶¶....¶
...¶............¶.¶¶.............¶¶....¶
..¶¶...........¶¶..¶¶...........¶¶.....¶
.¶¶...¶¶¶¶¶¶¶¶¶¶¶....¶¶........¶¶......¶
.¶...............¶.....¶¶¶¶¶¶¶¶.......¶¶
.¶¶..............¶...................¶¶.
..¶...¶¶¶¶¶¶¶¶¶¶¶¶..................¶¶..
..¶¶...........¶..¶¶¶............ ¶¶¶...
...¶¶¶¶¶¶¶¶¶¶¶¶¶.....¶¶¶¶¶¶¶¶¶¶¶¶¶......
</pre>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент pre</title>
</head>
<body>
<h1>Пример использования элемента "pre"</h1>
<pre>Текст написанный с помощью элемента "pre".
....................¶¶¶¶¶¶¶¶¶¶¶¶¶¶......
......¶¶¶¶¶.......¶¶¶............¶¶¶....
.....¶¶¶¶¶¶¶....¶¶.....¶¶...¶¶......¶¶..
.....¶¶....¶...¶¶......¶¶...¶¶.......¶¶.
.....¶¶...¶¶..¶¶.......¶¶...¶¶........¶¶
......¶...¶...¶........................¶
....¶¶¶¶¶¶¶¶¶¶¶¶..¶¶.............¶¶....¶
...¶............¶.¶¶.............¶¶....¶
..¶¶...........¶¶..¶¶...........¶¶.....¶
.¶¶...¶¶¶¶¶¶¶¶¶¶¶....¶¶........¶¶......¶
.¶...............¶.....¶¶¶¶¶¶¶¶.......¶¶
.¶¶..............¶...................¶¶.
..¶...¶¶¶¶¶¶¶¶¶¶¶¶..................¶¶..
..¶¶...........¶..¶¶¶............ ¶¶¶...
...¶¶¶¶¶¶¶¶¶¶¶¶¶.....¶¶¶¶¶¶¶¶¶¶¶¶¶......
</pre>
</body>
</html>
Элемент pre