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


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

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


Уважаемые посетители,
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.



Похожие публикации

Оптимизируем производительность веб-страницы: CSS

В наше время скорость интернета довольно высока. Казалось бы, можно забыть о тех временах, когда нам приходилось ждать по 20-30 (а то и больше) секунд, чтобы веб-страница загрузилась и отобразилась... читать далее

Блог им. Troppus / Мета-теги имеют право на жизнь?

Уже довольно продолжительное время я создаю всевозможные сайты: большие и маленькие, простые и сложные, плохие и хорошие… Практически в каждом сайте я оформляю внутри HEAD так называемые meta-теги.... читать далее

Блог им. 3ds / Колонки одинаковой высоты + border-bottom!

Begin На хабре наверно уже миллион статей про колонки одинаковой высоты. Вы спросите зачем нам нужна еще одна статья в 1001й раз? Вот в чем затык Проблема в том, что колонки одинаковой высоты с... читать далее

Надоел спам? Настраиваем captch`y для CMS DLE

На данный момент неоспоримым является тот факт, что каптчи (англ. "CAPTCHA", а попросту - картинка анти-бота) обходятся спам-ботами, добавляющими комментарии и регистрирующими новые аккуанты на... читать далее

Блог им. ekwo / Привязываем иконку к каждому типу файлов на CSS

Предположим, что нам нужно сделать страничку, на которой будут выкладываться файлы разных типов (архивы, картинки, документы), и при этом мы хотим, чтобы каждый тип файла выделялся, но для того,... читать далее

Блог им. NamelessOne / Стилевые описания для нескольких селекторов, указанных одновременно

Добрый день. Хочу поделиться с хабрасообществом одним полезным свойством, которое не так часто используется, хотя при грамотном использовании способно сократить размер css и html кода. Речь идет о... читать далее

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив сайта

Реклама на сайте По материалам: http://review-gadget.com.