Описание

Тег pre определяет блок в который помещают предварительно отформатированный текст. Браузер отображает содержимое тега именно так, как вы его напечатали, включая все пробельные символы. Обычно при выводе на экран отформатированного текста используется моноширинный шрифт. Внутри тега pre допустимо использовать другие элементы для форматирования текста, например: , , и др.

Вот некоторые примеры случаев, когда элемент pre может быть использован:

• для печати стихов, в которых взаимное расположение строк задал сам автор
• отображение ASCII рисунков
• отображение отформатированного фрагмента программного кода какого-нибудь языка программирования

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

Атрибуты

Тег pre поддерживает и

Пример

pre 
 .-. 
 __ / \ __ 
 ( `'.\ /.'` ) 
 '-._.(;;;)._.-' 
 .-' ,`"`, '-. 
 (__.-'/ \'-.__) 
 \ /\ 
 '-' \ 
 , | 
 |\ | 
 \ | | 
 | \ / 
 \|/ _, 
 / __/ / 
 | _/ _.' 
 |/__/ 
 \ 
/pre