Главная/ Cправочник HTML, CSS, Javascript/ HTML справочник : HTML теги, HTML атрибуты, мета теги, спецсимволы/ Tags/ HTML тег pre | назначение, синтаксис, атрибуты, примеры

Тег pre

Последнее обновление: 23.01.2011

Тег <pre> (англ. preformatted — предварительно отформатированный) — тег-контейнер, определяет предварительно отформатированный фрагмент текста. Выводится с соблюдением всех пробелов и переводов строки.
Блочный элемент.

HTML: 3.2 | 4 / XHTML: 1.0 | 1.1

Синтаксис

<pre>...</pre>

Атрибуты



class определяет имя используемого класса
dir определяет направление символов:

  • ltr — слева направо
  • rtl — справа налево
id уникальный идентификатор
lang определяет используемый язык в документе, на который указывает ссылка
onclick щелчок на элементе
ondblclick двойной щелчок на элементе
onkeydown нажатие клавиши, когда элемент имеет фокус
onkeypress нажатие и освобождении клавиши, когда элемент имеет фокус
onkeyup освобождение ранее нажатой клавиши, когда элемент имеет фокус
onmousedown нажатие кнопки мыши, когда элемент имеет фокус
onmousemove движение указателя мыши, когда элемент имеет фокус
onmouseout смещение указателя мыши с элемента
onmouseover помещение указателя мыши на элемент
onmouseup освобождение ранее нажатой кнопки мыши, когда элемент имеет фокус
style задает встроенную таблицу стилей
title всплывающая подсказка
width желаемая ширина блока.
Не рекомендуется в спецификации HTML 4.01! Не поддерживается большинством браузеров!

Пример

код:


<pre>

Твой ход:
 x | o | 
-----------
   | х | 
-----------
 o | x | o

</pre>

Рекомендации по использованию

  • закрывающий тег обязателен (</pre>)
  • тег <pre> должен содержать CDATA и строчные элементы кроме тегов <img>, <object>, <big>, <small>, <sub>, <sup>
  • обязательных атрибутов нет
  • не используйте атрибут width. Старые браузеры могут отрабатывать его некорректно
  • большинством браузеров по умолчанию содержимое тега <pre> обычно выводится моноширинным шрифтом. Если нужно просто получить моноширинный шрифт используйте тег <tt>
  • элемент уровня блока, т.е. содержимое тега по умолчанию начинается с новой строки. После тега также добавляется перенос строки (если в свойствах блока не прописано другого)
  • аналог CSS — white-space: pre
Твой код:

Результат: