<pre> и <code>: блок кода в статье блога
Сохранение пробелов и экранирование.
`<pre><code class="language-css">` сохраняет форматирование и даёт хук для подсветки Prism или Shiki на статическом сайте.
Экранируйте `<` и `&` в HTML-вставках — иначе сломаете разметку страницы.
- <pre> — MDN — Предформатированный текст.
- <code> — MDN — Фрагмент кода.
Доступность
Добавьте `tabindex="0"` на длинный pre с горизонтальным скроллом — клавиатурный доступ к обрезанному коду.