Я выполнял кучу операций поиска-замены в блокноте ++, чтобы эффективно минимизировать мой css - в основном удаляя пробелы/табуляции и т. д. ...) В итоге это сломало большую часть моего css.
По-видимому, везде был вставлен странный символ (​) Используя notepad++ в UTF-8 без BOM, я не могу их увидеть, но они появились в исходном коде.
Я смог удалить их, выполнив замену поиска в кодировке ANSI, но мой вопрос в том, что это за символ и почему он мог появиться?
Строка «â€‹» представляет собой форму ZWSP в кодировке UTF-8, если ее неправильно интерпретировать как данные в кодировке Windows-1252. (Проверено с помощью хорошего декодера UTF-8.) объясняет, почему вы не видите его в Notepad++ в режиме UTF-8; ZWSP (пробел нулевой ширины) — это невидимый символ без ширины.
По-видимому, браузеры интерпретируют таблицу стилей как кодировку Windows-1252. Сохранение файла с BOM может помочь, так как тогда браузеры, вероятно, будут лучше угадывать кодировку. Реальное решение состоит в том, чтобы убедиться (в зависимости от сервера), что сервер отправляет соответствующий заголовок Content-Type для файла CSS.
Но если это единственный не-Ascii-символ в вашем файле CSS, на практике это не имеет значения, после того как вы удалили оскорбительные данные.
Я не знаю какого-либо простого способа заставить Notepad++ вставлять ZWSP (конечно, вы можете использовать общие утилиты для вставки символов в системе), так что это немного загадка, откуда это взялось. Возможно, через копирование и вставку откуда-то.
Используя подключаемый модуль веб-разработчика или расширение в Firefox, вы можете увидеть проблемный символ в документе css.
В Visual Studio все, что я мог видеть, это:
}
.t
Веб-разработчик показал нежелательный скрытый символ «а» с символом вставки сверху:
}
â.t
Ссылка на кодировщик utf выше показала это
} (the encoded character for ampersand)
.t
и это
но просто устраните проблему, удалив и набрав заново.
.htaccessдля обеспечения правильного типа контента для моего css ;-) 13.06.2012.htaccess:AddType text/css;charset=utf-8 css13.06.2012