HTML - тег <pre> определяет предварительно отформатированный текст. Текст в элементе pre отображается шрифтом фиксированной ширины, при этом в тексте сохраняются как пробелы, так и разрывы строк. Текст будет отображаться точно так, как написано в исходном коде HTML.
Тег <pre> - синтаксис и код
Тег <pre> представлен парами. Содержимое записывается между открывающим (<pre>) и закрывающим (</pre>) тегами.
Пример предварительно отформатированного текста:
<pre>
Текст в элементе pre
отображается шрифтом
фиксированной ширины,
при этом в тексте сохраняются как пробелы,
так и разрывы строк.
</pre>
Текст в элементе pre
отображается шрифтом фиксированной ширины,
при этом в тексте сохраняются как пробелы,
так и разрывы строк.
Определение и использование
- HTML - тег
<pre> используется для вставки предварительно отформатированного текста в HTML-документ. Пробелы и переносы строк в тексте сохраняются;
- Тег
<pre> обычно используется для отображения кода, или текста (например, стихотворения), где автор сам задает расположение строк относительно друг друга;
- Текст в элементе
pre отображается шрифтом фиксированной ширины;
- Содержимое тега отображается в браузере моноширинным шрифтом.
В этот тег можно поместить любой элемент, кроме тегов <big>, <img>, <object>, <small>, <sub> и <sup>.
✪ Рекомендация: не используйте блочные элементы, так как они создают дополнительные отступы, изменяя пространство между строками.
★ Примечание: тег <pre> можно использовать при отображении текста с необычным форматированием или какого-либо компьютерного кода.
Также посмотрите:
| Тег |
Описание |
| <code> |
Определяет фрагмент компьютерного кода |
| <samp> |
Определяет пример вывода компьютерной программы |
| <kbd> |
Определяет ввод с клавиатуры |
| <var> |
Определяет переменную |
Поддержка <pre> браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Атрибуты
Глобальные атрибуты
Тег <pre> также поддерживает глобальные атрибуты в HTML
Атрибуты событий
Тег <pre> также поддерживает атрибуты событий в HTML
Дополнительные примеры
Как создать предварительно отформатированный текст фиксированной ширины (с помощью CSS):
<div style="width:300px;overflow:auto">
<pre>Это префикс с фиксированной шириной. Он будет использовать столько места, сколько указано.</pre>
</div>
Стандартная настройка pre
Это стандартная настройка pre. Элемент будет использовать столько места, сколько ему необходимо.
Настройка фиксированной ширины
Это pre с фиксированной шириной. Элемент будет использовать столько места, сколько указано.
Связанные страницы
Руководство по HTML: форматирование HTML текста
Настройки CSS по умолчанию
Большинство браузеров отображают элемент pre со следующими значениями по умолчанию:
pre {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0;
}
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.
