01.03.2017   2255
Как вывести текст как есть в HTML

Выводим текст как есть: тег pre

Вы обратили внимание на то, что в HTML-редакторе и браузере отображение кода имеет определенные различия? Если нет, то сделайте на этом для себя акцент.

Например, набирая HTML-код, вы можете сделать в тексте огромное количество пробелов подряд. Однако, браузер при этом все это количество заменит одним пробелом. Аналогично – с переносом строки. Сделайте их так много, как вам хочется, но браузер не осуществит перенос, если будут отсутствовать теги <p> или <br>.

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

Как правило, этот тег примеряют в тех случаях, когда необходимо в тексте привести пример какого-то кода.

Пример:

между    словами    отображается    только    один    пробел
<pre>
    между    словами    отображаются    все    пробелы
</pre>

Результат в браузере:

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

КОММЕНТАРИИ

 ol 2017-07-17 11:46:35
+1

Спасибо, интересно.

Ответить
 Kolyan 2017-10-16 01:38:26
0

Интересно, почему стиль и размер шрифта тоже меняются?

Ответить
Чтобы написать комментарий нужно войти на сайт.
Или получить доступ прямо сейчас:


Нажимая эту кнопку
Вы принимаете политику конфиденциальности