Блог им. smashercosmo / Кроссбраузерная вёрстка отформатированного кода

Добрый вечер, уважаемые читатели. Итак, для начала поясню, о чем пойдёт речь в этой статье. В интернете существует огромное количество публикаций на тему вёрстки и программирования, и в большинстве из них, помимо текста и картинок, присутствуют примеры самого кода, так или иначе отформатированного. Чтобы облегчить себе жизнь, авторы пользуются такими инструментами, как небезызвестный Source Code Highlighter, или его аналогами. И визуально всё смотрится очень хорошо: синтаксис подсвечен, табуляция проставлена, каждая строка предваряется её порядковым номером. Однако у всех подобных утилит есть очень большой недостаток, по крайней мере мне это существенно портит жизнь: после форматирования все символы табуляции в коде заменяются на пробелы. А так как большинство верстальщиков и программистов для создания иерархии кода используют именно табуляцию, то после копирования примера из какой-либо статьи в свой проект, им приходится всё форматировать заново. Резюмируя всё вышесказанное, тему этой статьи можно переформулировать следующим образом: как сверстать отформатированный код так, чтобы при его копировании сохранялась более привычная всем табуляция.

Источник: Уроки CSS на Хабрахабре