Он предназначен для отображения данных / кода / иллюстраций, когда вы хотите, чтобы все ваши пробелы и символы новой строки отображались как есть, и чтобы ваши столбцы выстраивались в линию. Таким образом, вы можете делать что-то вроде этого:
+-----+------------------+--------+------------+
| id | session_key | length | expires |
+-----+------------------+--------+------------+
| 263 | SNoCeBJsZkUegA7F | 86400 | 1257401198 |
| 264 | UoVm3SZRmPHnac4V | 86400 | 1257405561 |
| 262 | bjkIOWBhI1qxcrWr | 86400 | 1257401189 |
+-----+------------------+--------+------------+
без «pre» или «code» или чего-то подобного, это выглядит так:
+ ----- + ------------ ------ + -------- + ------------ + | id | session_key | длина | истекает | + ----- + ------------------ + -------- + -------- ---- + | 263 | SNoCeBJsZkUegA7F | 86400 | 1257401198 | | 264 | UoVm3SZRmPHnac4V | 86400 | 1257405561 | | 262 | bjkIOWBhI1qxcrWr | 86400 | 1257401189 | + ----- + ------------------ + -------- + -------- ---- +
Элемент PRE представляет блок символьных ячеек текста и подходит для текста, отформатированного для моноширинного шрифта.
Тег PRE может использоваться с необязательным атрибутом WIDTH. Атрибут WIDTH определяет максимальное количество символов в строке и позволяет пользовательскому агенту HTML выбрать подходящий шрифт и отступ.
Он используется для демонстрации предварительно отформатированного текста, когда уместен перенос новой строки. Например, ascii art ;-) или программный код. Что ж, для программного кода лучше элемент CODE.
Вы когда-нибудь смотрели статью, размещенную на сайте code project? Если нет, то посмотрите вот эту http://www.codeproject.com/KB/game/Hangman_game.aspx. В статье желтая секция или секция со свернутым и развернутым фрагментом кода предварительно таргетирована. Это помогает сохранить данные в том виде, в котором они написаны или представлены, без искажений.