Тег <pre> в HTML используется для отображения преформатированного текста. Содержимое этого элемента отображается таким образом, что сохраняются все пробелы и переносы строк, оформленные вручную кодером.

Когда вы используете тег <pre>, браузер сохраняет все пробелы, табуляции и переносы строк, что обычно не происходит в HTML. Это полезно для отображения кода или текста, где пробелы и переносы строк влияют на читаемость.

Вот пример использования:

<pre>
Это преформатированный текст.  Здесь пробелы      
и переносы строк

сохраняются.
</pre>

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

Важно помнить, что тег <pre> также сохраняет HTML-теги, поэтому если вы хотите отобразить HTML-теги в качестве текста внутри <pre>, вам нужно использовать символы экранирования, чтобы браузер не интерпретировал их как настоящий код.

Например:

<pre>
<div>Это пример div-тега.</div>
</pre>