Кракозябры вместо русских букв. Всем знакомая картина.
Существует 2 вида кодировки русского шрифта для сайтов: Windows-1251 и UTF-8.
В заголовочной части HTML-кода должно быть записано: <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"> или <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
![]() |
![]() |
Помимо этого в текстовом редакторе, где вы писали код, должна быть выставлена соответствующая кодировка.
В Блокноте по умолчанию установлено: ANSI, что соответствует Windows-1251.
Отсюда следует: если вы пишите код в Блокноте, то кодировку должны записать Windows-1251.
А вот UTF-8 нельзя. Её можно писать в текстовых редакторах с расширенной настройкой кодировок.
Для этого подойдёт редактор Notepad. Это лицензионное бесплатное приложение.
Скачать его можно на официальном сайте notepad-plus-plus.org, что я и сделал.
Я буду устанавливать Notepad 7.8.8. Принципиальной разницы какую версию устанавливать нет,
но лучше взять более позднюю. |
![]() |
![]() |
![]() |
![]() |
После того, как установили приложение, выполним необходимые настройки.
На панели инструментов установим перенос строк. |
![]() |
Заходим в меню Опции | Настройки. |
![]() |
Слева выбираем Новый Документ. Справа выбираем UTF-8.
В старых версиях имеется опция UTF-8 без BOM. Тогда выбирать надо её.
Применить к открытым ANSI-файлам: галочку убрать. | ![]() |
Теперь открываем чистую страницу, и смотрим на текущую кодировку. |
![]() |
Пишем код, указывая эту же кодировку. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> Сохраняем, закрываем. |
![]() |
|
Я нашёл старый файл. В программном коде никакая кодировка не указана. |
![]() |
Открываем файл с помощью Notepad. Нажимаем на меню Кодировки, и результат на лицо. |
![]() |
Эту же кодировку мы должны записать в программном коде. <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"> Сохраняем, закрываем. |
![]() |
|
Я захотел изменить в старом файле кодировку с Windows-1251 на UTF-8. Открываем файл. Пишем <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> Меню Кодировки | Преобразовать в UTF-8. Сохраняем обязательно. Потом уже закрываем. |
![]() |
Если снова откроем, cможем убедиться, что установилась кодировка UTF-8. Ну, а теперь давайте переведём этот файл с UTF-8 на Windows-1251. Записываем <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"> Меню Кодировки | Преобразовать в ANSI. Сохраняем. Закрываем. |
![]() |
Откроем снова и проверим. |
![]() |
|
Писать можно в одной кодировке. Потом файл можно перевести в другую кодировку.
Только перед тем как будете преобразовывать кодировки, создайте копию файла.
Достаточно одного неверного движения, и файл будет повреждён. Если у вас возник вопрос: какая кодировка предпочтительней, отвечаю: если на вашем сайте имеются базы данных, пишите в UTF-8. Если нет - без разницы. |