Основний вміст

  • <body>

Тег <pre>

Тег <pre> в HTML: опис, синтаксис, приклад і SEO текст

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>

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

Блочні елементи Форматування

Часті запитання

  • Q: Як працює тег <pre> в HTML?

    A: Тег <pre> в HTML використовується для відображення тексту з відступами та переносами рядків точно в тому вигляді, в якому він записаний в HTML-коді.

  • Q: Які основні використовуються для тегу <pre> в HTML?

    A: Основні використовуються для тегу <pre> в HTML: font-family, font-size, color, background-color, padding, margin, border.

  • Q: Як правильно використовувати тег <pre> в HTML?

    A: Тег <pre> використовується для обгортання тексту з відступами та переносами рядків. Наприклад: <pre>Тут ваш текст</pre>.

  • Q: Чому важливо використовувати тег <pre> в HTML?

    A: Тег <pre> важливий для відображення тексту з відступами та переносами рядків в точному вигляді, що допомагає зберігати форматування тексту.

  • Q: Як можна стилізувати тег <pre> в CSS?

    A: Тег <pre> можна стилізувати в CSS за допомогою властивостей, таких як font-family, font-size, color, background-color, padding, margin, border.