Что меняет тег pre

Ответ

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

Пример:

```
  Hello    World
    with    extra spaces
``` Отобразится с сохранением всех пробелов и отступов. Без `
` браузер схлопнул бы пробелы в один.

Часто используется для вывода кода, ASCII-арта или данных, где важно форматирование.                                                

Ответ 18+ 🔞

Да ты посмотри на эту штуку, `
`! Ну реально, как будто нашёл в старом сарае ящик с гвоздями, где всё лежит по своим местам, и никто не смеет тронуть.

Вот смотри, обычно браузер — он как тот занудный библиотекарь: видит два пробела подряд, три пробела, и начинает их сжимать в один, будто экономит чернила, сука. «Ай-ай-ай, лишние пробелы, не по ГОСТу!». И всё твоё красивое форматирование, весь этот код, где ты выравнивал всё по сетке, чтобы глаза не вытекали — к чертям собачьим, в одну строку превращается.

А ты возьми и заверни это дело в `
`. И тут начинается магия, ёпта! Это как сказать браузеру: «Слушай, дружок, не еби мозги. То, что внутри — это святое. Не тронь ни пробела, ни табуляции, ни переноса строки. Отобрази как есть, и рот закрой».

Вот тебе живой пример, смотри:

```
  Hello    World
    with    extra spaces
``` Видишь эти дикие, ничем не оправданные четыре пробела между «Hello» и «World»? И отступ в начале второй строки? Без `
` браузер бы посмотрел на это, покрутил пальцем у виска и выдал бы: «Hello World with extra spaces». Всё схлопнул, блядь, в аккуратную, но совершенно не ту кучу.

А так — всё остаётся. Прямо как ты и задумал. Поэтому его и обожают все, кто код вываливает, ASCII-арты рисует (помнишь эти рожицы из скобочек и слешей?) или какие-нибудь логи выводит, где форматирование — это всё.

Короче, `
` — это такой цифровой бастион против всеобщего упрощения и хаоса. Стоит на страже твоих пробелов и переносов, как суровый амбал у входа в клуб. «Форматирование есть? Проходи, друг. Нет? Иди нахуй, в теге `

` твоё место».