Кодировка файлов.

andrecool · May 25, 2011

Если указывается в HTML файле кодировка utf-8, в этой же кодировке он сохранен.

Нужно ли сохранять CSS файл в кодировке utf-8?

Veseloff · May 25, 2011

Если указывается в HTML файле кодировка utf-8, в этой же кодировке он сохранен.
Нужно ли сохранять CSS файл в кодировке utf-8?

А там бывают русские буквы?

andrecool · May 25, 2011

Если указывается в HTML файле кодировка utf-8, в этой же кодировке он сохранен.
Нужно ли сохранять CSS файл в кодировке utf-8?
А там бывают русские буквы?

Да,комментария на русском.

Gaspode · May 25, 2011

Значит, нужно.

andrecool · May 26, 2011

Файл CSS сохранен в utf-8, прописал еще в нем @charset "utf-8";

Но вот только Мазила упорно открывает его как Кириллица iso-8859-5

И вместо слова синий вот эти каракули б?аИаНаИаЙ

Может дело в самой Мазиле а не в файле CSS?

Ведь в Google Chrome и Internet Explorer все нормально.

Edited May 26, 2011 by andrecool

b0s · May 26, 2011

Файл CSS сохранен в utf-8, прописал еще в нем @charset "utf-8";
Но вот только Мазила упорно открывает его как Кириллица iso-8859-5
И вместо слова синий вот эти каракули б?аИаНаИаЙ
Может дело в самой Мазиле а не в файле CSS?
Ведь в Google Chrome и Internet Explorer все нормально.

Простите, за глупый вопрос. Как вы можете подтвердить, что сохранили файл в UTF-8? Не уверен, что это имеет отношение к делу, но на всякий случай. Не сохранён ли файл в формате UTF-8 с BOM ?

Версия Mozilla Firefox установленная у меня - 4.0.1. Я использую расширение Firebug, которым просмотрел запрос своего CSS файла, добавив в него строку с русскими буквами и сохранив его в UTF-8. К сожалению в заголовке ответа нет конкретной кодировки, но русский текст читаем. Предполагаю, что и файл правильно читается браузером.

Забавно, но если открывать CSS файл прописав адрес к нему в адресной строке, то информация о загрузочной странице гласит, что файл загружен в windows-1251

В мой веб сервер встроен PHP, и сервер настроен на обработку CSS файлов как PHP. Это не самый удобный способ, но его главный плюс в том, что я могу дополнять CSS условиями PHP. Благодаря чему, внутрь файла, можно добавить следующую строку <? header('Content-type: text/css;charset=utf-8');?>, если в вашем случае это возможно, файл скорей всего будет обрабатываться правильно.

Я не считаю этот вариант приемлемым, так как совсем не обязательно, что у вас есть возможность, обрабатывать CSS другим обработчиком, но если вам нужно правильное отображение и для вас такого типа обработка возможна, это один из вариантов. Ещё один вариант это просто наблюдать файл в текстовом редакторе)))). Больше ничего придумать не могу.

Edited May 26, 2011 by b0s

andrecool · May 27, 2011

Простите, за глупый вопрос. Как вы можете подтвердить, что сохранили файл в UTF-8? Не уверен, что это имеет отношение к делу, но на всякий случай. Не сохранён ли файл в формате UTF-8 с BOM ?

У меня адресной строке Notepad++ показывает кодировку файла.

И я сохранил CSS файл в формате UTF-8 без BOM.

b0s · May 27, 2011

Простите, за глупый вопрос. Как вы можете подтвердить, что сохранили файл в UTF-8? Не уверен, что это имеет отношение к делу, но на всякий случай. Не сохранён ли файл в формате UTF-8 с BOM ?
У меня адресной строке Notepad++ показывает кодировку файла.
И я сохранил CSS файл в формате UTF-8 без BOM.

Абсолютно также сделал.

А как именно вы просматривайте эту таблицу стилей в браузере? Как открывайте? Простите если вопрос опять глупый.

andrecool · May 27, 2011

А как именно вы просматривайте эту таблицу стилей в браузере? Как открывайте? Простите если вопрос опять глупый.

Открываю так же как и все, жму на Просмотреть исходный код

b0s · May 27, 2011

А вы страницу стилей загрузили и открыв контекстное меню выбрали команду Просмотреть исходный код или загрузив всю страницу и выполнив тоже самое?

andrecool · May 27, 2011

А вы страницу стилей загрузили и открыв контекстное меню выбрали команду Просмотреть исходный код или загрузив всю страницу и выполнив тоже самое?

Делал так и так, результат одинаковый.

rus · May 27, 2011

в .htaccess прописать PHP_VALUE default_charset utf-8

andrecool · May 27, 2011

в .htaccess прописать PHP_VALUE default_charset utf-8

Сайт для народ.ру там нет PHP, наверно у меня где то ошибка при кодировании файла.

b0s · May 27, 2011

Простите, а как выглядит код загрузки таблицы стилей, на страничке, к которой применяется таблица стилей?

andrecool · May 27, 2011

Простите, а как выглядит код загрузки таблицы стилей, на страничке, к которой применяется таблица стилей?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>

Veseloff · May 27, 2011

Самое главное: кроме того, что в исходном коде неправильная кодировка ещё проблемы есть? Если всё остальное нормально работает, то зачем париться?

andrecool · May 27, 2011

Самое главное: кроме того, что в исходном коде неправильная кодировка ещё проблемы есть? Если всё остальное нормально работает, то зачем париться?

Все работает нормально за исключением комментариев в CSS/

b0s · May 27, 2011

Простите, а как выглядит код загрузки таблицы стилей, на страничке, к которой применяется таблица стилей?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>

На моей странице UTF-8 кодировка CSS файла не определялась правильно до тех пор пока я командой на php не дополнил заголовок, как предлагал выше. Файл ".htaccess" на narod.ru запрещён.

Приведите пожалуйста пример строки, которой вы задаёте кодировку в CSS файле.

Edited May 27, 2011 by b0s

andrecool · May 27, 2011

Приведите пожалуйста пример строки, которой вы задаёте кодировку в CSS файле.

@charset "utf-8";
body {
margin: 0; 
padding: 0; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 0.875em; 
background: #fff url(images/bg.gif) left top repeat-x; 
color: #333;
}

a , a:active, a:visited{
color: #0062c6; 
text-decoration: none;
}
a:hover {
color: #5191e8; 
text-decoration: underline;
}
a {
outline: none;
}
a img {
border: none;
}

Veseloff · May 27, 2011

Все работает нормально за исключением комментариев в CSS/

Ну и забейте на это в таком случае. Чего париться? Тем более, что это народ.

b0s · May 27, 2011

Приведите пожалуйста пример строки, которой вы задаёте кодировку в CSS файле.

@charset "utf-8";
body {
margin: 0; 
padding: 0; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 0.875em; 
background: #fff url(images/bg.gif) left top repeat-x; 
color: #333;
}

a , a:active, a:visited{
color: #0062c6; 
text-decoration: none;
}
a:hover {
color: #5191e8; 
text-decoration: underline;
}
a {
outline: none;
}
a img {
border: none;
}

Я к сожалению не могу вам предложить, что то дельное. Могу ещё предложить обратить внимание на следующую информацию, возможно вы её читали не раз:

Команда @charset применяется для задания кодировки внешнего CSS-файла. Это имеет значение в том случае, если в CSS-файле используются символы национального алфавита.
Для внешней таблицы стилей браузер последовательно просматривает следующие пункты для определения кодировки таблицы стилей:

кодировка, которую отдает сервер;
правило @charset;
параметр charset тега <link>;
кодировка, установленная в документе через метатег (<meta http-equiv="Content-Type" content="text/html; charset=utf-8">).
Приведенный список имеет четко выраженную иерархию — чем выше находится пункт, тем выше его приоритет. Если ни один из пунктов не найден, будет установлена кодировка UTF-8.

Надеюсь, что возможно параметр чарсет для тэга линк подействует лучше, хотя я сомневаюсь.

Edited May 27, 2011 by b0s

andrecool · May 27, 2011

Переделал все в ANSI // Windows-1251 и русские буквы в CSS стали отображаться нормально,

а почему такие косяки c UTF-8 так и не пойму.

Edited May 27, 2011 by andrecool

b0s · May 27, 2011

Переделал все в ANSI // Windows-1251 и русские буквы в CSS стали отображаться нормально,
а почему такие косяки c UTF-8 так и не пойму.

Потому, что файл в любом случае читается браузером или передаётся сервером, не знаю как правильней, в кодировке windows-1251, вне зависимости от того что файл записан в UTF-8, что внутри файла есть явная команда на чтение файла в UTF-8. Понимайте?

andrecool · May 27, 2011

Потому, что файл в любом случае читается браузером или передаётся сервером, не знаю как правильней, в кодировке windows-1251, вне зависимости от того что файл записан в UTF-8, что внутри файла есть явная команда на чтение файла в UTF-8. Понимайте?

Если честно...

То мне это не понятно, если дадите хорошую статью на эту тему буду Вам очень признателен.

b0s · May 27, 2011

Статью на тему? Какую?

b0s · May 27, 2011

Понимаю, что вопрос глупый, но на какую тему?

Кодировки текстовых файлов?
Кодировки в HTML 5 / CSS / JavaScript?
Кодировка между браузером и сервером?

Просто вариантов названия темы достаточно, что бы задать такой вопрос.

Sign In

Кодировка файлов.

Question

Link to comment

Share on other sites

30 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information