Описание

Тег `

` в HTML – это как волшебная рамка, где каждый пробел и перенос строки сохраняется точно так же, как вы его ввели. Именно поэтому он часто используют для вывода кода или ASCII-артов, ведь браузер отображает содержимое тега буквально, без каких-либо изменений.
 
Обычно в `
` применяют моноширинный шрифт, чтобы текст выглядел как настоящий файл. Внутри него можно вставлять другие элементы – например ``, ``, `` и многое другое, при этом они сохраняют свой формат.
 
Вот несколько ярких случаев, когда стоит применить элемент `
`:
 
 
печатать стихи, где автор сам задаёт расположение строк
 
отображать ASCII-рисунки в их оригинальном виде
 
выводить отформатированные фрагменты кода любого языка программирования
 
 
Примечание: Если вы решили показать какой-то HTML-код, то после форматирования его в `
` могут возникнуть проблемы – браузер воспринимает угловые скобки как начало и конец тега. Но не беда! Достаточно воспользоваться ссылками на символы, чтобы вставить «<», «>» и любые другие спецсимволы без риска.
 
Атрибуты
 
Тег `
` поддерживает атрибуты, которые позволяют контролировать его внешний вид и поведение.
 
Пример
pre .-. __ / \ __ ( `'.\ /.'` ) '-._.(;;;)._.-' .-' ,`"`, '-. (__.-'/ \'-.__) \ /\ '-' \ , | |\ | \ | | | \ / \|/ _, / __/ / | _/ _.' |/__/ \ /pre