Сайт своими руками


Пособие для начинающих
Редактируем готовые шаблоны


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


» » Предварительно отформатированный текст. Элемент pre.

Предварительно отформатированный текст. Элемент pre.

  • Автор: Saah
  • |
  • Комментариев: 0
  • |
  • Просмотров: 418
Предварительно отформатированный текст. Элемент pre.

Веб-мастера привыкли к тому, что текст, записанный в коде html страницы, отображается в зависимости от указанного стиля CSS. В том числе, лишний пробел между словами или перевод строки (enter) браузерами игнорируется. Допустим, сколько не ставь между словами пробелов (отступов), в серьёз браузером будет воспринят только один - необходимый для чтения. Поэтому многие веб-мастера используют много раз:  &nbsp;  &nbsp;  &nbsp;  &nbsp; или <br />  <br />  <br />... Что не очень удобно и захламляет структуру HTML документа, увеличивая его массу (объём кб).

Хочу напомнить полезный элемент кода, который возобновляет эту несправедливость и отображает текст так, как он сформирован писателем.
Достаточно обвязать необходимый участок текста элементами <pre></pre>, как текст станет отображаться так, как задумано в текстовом документе. Удобно при отображении определенных типов информации, в том числе: таблиц без применения специальной разметки, примеров html, css, Java кода, стихов и т.д.

Тег pre называют элементом предварительного отформатированного текста (преформатированный текст). Только он позволяет отображать все точно так, как напечатано в исходном документе, в том числе переводы строк и множественные символы табуляции. По умолчанию шрифт предварительно отформатированного текста отображается как моноширинный, например Courier.

Тег pre является заменой устаревшим собратьям: <хмр>, <plaintext> и <listing>, скоро браузеры могут прекратить их поддержку.

Тег pre может дополняться параметром width, он указывает браузеру максимальную длину строки преформатированного текста. Но некоторые браузеры могут его не читать.

Пример размещения элемента предварительно отформатированного текста:
<pre width="80">
... предварительно отформатированный текст ...
</pre>


Людям интересно:


Статья опубликована: 18-03-2016, 17:45

Сохраните для себя


Оставьте комментарий.
Ваше мнение будет полезно посетителям сайта:




Имя:* E-Mail:*
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Вставка ссылкиВставка защищенной ссылки Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Введите код: *
Использование материалов сайта приветствуется. При копировании и размещении данной информации на сторонних ресурсах, ссылка на сайт SiteY.ru желаема.