htmlbook.ru

Тег <pre>

Влад Мержевич

Internet Explorer Chrome Opera Safari Firefox Android iOS
1.0+ 1.0+ 1.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Элемент <pre> определяет блок предварительно форматированного текста. Такой текст отображается обычно моноширинным шрифтом и со всеми пробелами между словами. По умолчанию, любое количество пробелов идущих в коде подряд, на веб-странице показывается как один. Тег <pre> позволяет обойти эту особенность и отображать текст как требуется разработчику. В отличие от тега <plaintext>, использование которого осуждается в HTML 4, внутри контейнера <pre> допустимо применять любые теги кроме следующих: <big>, <img>, <object>, <small>, <sub> и <sup>.

Синтаксис

<pre>Текст</pre>

Закрывающий тег

Обязателен.

Атрибуты

Для этого тега доступны универсальные атрибуты и события.

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
 <meta charset="utf-8">
 <title>Тег PRE</title>
 </head>
 <body>
 <pre>
	 - ----- 
	 ----- |-----
	||----| ----|| 
	||----- -----|| 
	||-----| |-----||
	|| ----- ------||
	||- ----| |------||
	||---||-- -------||
	||--|| --| |-------||
	|| -|| |-- --- - --||
	|| -|| --|-|--| - ---|
	|---|| |-----| |-----|
	|---|| |---- |-----| 
	|----| --- |-----|
	|----- ------| 
 </pre>
</body>
</html>

Результат данного примера показан ниже.

[画像:Рис. 1]

Рис. 1. Вид текста, оформленного с помощью тега <pre>

Статьи по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

AltStyle によって変換されたページ (->オリジナル) /