Тег <pre>

Отформатированный текст
  • Категории: Потоковое содержимое
  • Контекст:

    Где ожидается потоковое содержимое.

  • Модель:

    Потоковое содержимое.

Тег <pre> (сокращение от "preformatted") представляет собой предварительно отформатированный текст. Содержимое данного тега выводится с сохранением всех пробельных символов и переносов строк. Исключением является только первый перенос строки после открывающего тега.

Чаще всего это требуется при написании технической документации и публикации фрагментов кода, но может пригодится и в других областях:

  • фрагменты компьютерного кода
  • стихотворения со сложной структурой
  • текстовые письма
  • рисунки ASCII
  • и т.д.

Браузер выводит содержимое данного элемента моноширным шрифтом.

Атрибуты

  • Глобальные атрибуты

  • Фрагменты кода

    Фрагменты кода очень часто имеют форматирование в соответствии с соглашением языка, которое необходимо сохранить при выводе

  • Электронные письма

    Можем использовать тег <pre> для вывода текстовых электронных писем, в которых абзацы обозначены пустыми строками, списки обозначены строками с маркером и т.д.

  • Рисунки ASCII

    Рисунки ASCII представляют из себя текстовые картинки, состоящие из различных символов. Для их вывода нам также необходимо использовать <pre>.

  • Стихотворение со сложной структурой

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

  • Использование тегов

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

Поделитесь данной записью с друзьями