1.3.6. Тег <pre> - вывод предварительно отформатированного текста

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

... <body> <pre> ______ТТТТТТТТТТТТТТТТТТТТТТТ ______ТТТТТТТТТТТТТТТТТТТТТТТ ______ТТТТТТТТТТТТТТТТТТТТТТТ _______________ТТТТТ _______________ТТТТТ _______________ТТТТТ _______________ТТТТТ _______________ТТТТТ _______________ТТТТТ _______________ТТТТТ _______________ТТТТТ _______________ТТТТТ _______________ТТТТТ </pre> </body> ...

и на экране браузера отобразится:

Рис. 1.8. Пример работы тега <pre>

Наиболее распространенным вариантом использования данного тега является вывод листингов языков программирования (например, Java, C++, Pascal, C#, JavaScript и т.д.) на экран браузера без необходимости их переформатирования. При этом следует учитывать, что текст всегда будет выводиться моноширинным шрифтом, что снижает гибкость при форматировании общего вида документа. Кроме того, внутри контейнера <pre> нельзя использовать теги уровня блоков <big>, <img>, <object>, <small>, <sub> и <sup>. Также тег <pre> сохраняет исходное число пробелов между словами, в отличие от вывода текста вне этого блока, когда несколько подряд идущих пробелов всегда заменяются одним.