Что такое pre в html
Перейти к содержимому

Что такое pre в html

  • автор:

Что такое pre в html

Закрывающий тег обязателен.

Атрибуты¶

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

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

  • WHATWG HTML Living Standard
  • HTML 5
  • HTML 4.01 Specification

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
 html> head> meta charset="utf-8" /> title>PREtitle> head> body> pre> - ----- ----- |----- ||----| ----|| ||----- -----|| ||-----| |-----|| || ----- ------|| ||- ----| |------|| ||---||-- -------|| ||--|| --| |-------|| || -|| |-- --- - --|| || -|| --|-|--| - ---| |---|| |-----| |-----| |---|| |---- |-----| |----| --- |-----| |----- ------| pre > body> html> 

Что такое pre в html

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

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

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

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

Спецификация Статус
HTML Living Standard Живой стандарт
HTML 4.01 Specification Заменённая рекомендация

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

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Браузеры

4 12 1 15 4 1
4.4 4 14 3.2

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

См. также

  • Работа с текстом
  • Типографика в Bootstrap 5

HTML тег

Содержимое тега отображается в браузере моноширинным шрифтом (шрифт, в котором все знаки имеют одинаковую ширину).

В тег можно вкладывать любые элементы за исключением тегов , , , , и .

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

Синтаксис

Тег

парный, содержимое пишется между открывающим (
) и закрывающим (

) тегами.

Пример

html> html> head> title>Заголовок окна веб-страницы title> head> body> pre>Крошка сын к отцу пришёл, и спросила кроха: — Что такое хорошо и что такое плохо? — pre> body> html>

Результат

preexample1

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

Пример

html> html> head> title>Заголовок окна веб-страницы title> head> body> pre> code> body < color:orange; >code> pre> body> html>

Результат

preexample2

Атрибуты

Атрибут Значение Описание
width number Задает максимальное количество символов в строке.
Не поддерживается в HTML5.

Тег поддерживает также глобальные атрибуты и атрибуты событий.

Как добавить стиль к тегу ?

Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега :

  • CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
  • CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
  • CSS свойство font-size задает размер щрифта.
  • CSS свойство font-weight устанавливает насыщенность шрифта.
  • CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
  • CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.

Цвет текста внутри тега :

  • CSS свойство color определяет цвет контента и оформления текста.
  • CSS свойство background-color устанавливает фоновый цвет элемента.

Стили форматирования текста для тега :

  • CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
  • CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
  • CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
  • CSS свойство word-break указывает перенос строки.

Другие свойства для тега :

  • CSS свойство text-shadow добавляет тень к тексту.
  • CSS свойство text-align-last выравнивает последнюю строку текста.
  • CSS свойство line-height устанавливает межстрочный интервал.
  • CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
  • CSS свойство word-spacing устанавливает расстояние между словами в тексте.

Поддержка браузера

Практикуйте свои знания

What are the characteristics and uses of the

tag in HTML according to the information on the provided URL?

The

tag is used to represent preformatted text.

The text within

tag is displayed in a monospaced font.

The space within the

tag is not preserved by default.

The

tag should not be used for displaying elements like text areas.

The

tag preserves both spaces and line breaks.

Что такое pre в HTML5?

Стоит знать: в этом теге вы можете применять любые допустимые HTML теги, кроме этих: big, img, object, small, sub и sup.

Атрибуты:

  • У этого тега нет специальных атрибутов, но вы можете использовать все универсальные теги, такие как title.

Пример:

 
Забавная картинка: * *** ***** ******* ********* ******* ***** *** *

Результат:

Забавная картинка: * *** ***** ******* ********* ******* ***** *** *

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *