Поменять кодировку html файла
Иногда возникают случаи, когда при открытии сайта отображается не привычный нам контент, а сплошной набор нечитаемых символов. Это связано с тем, что кодировка ресурса не совпадает с той кодировкой, которая устанавливается сервером. Например, для чтения файлов используется Windows-1251, а требуется UTF-8.
Что такое кодировка сайта и как ее можно изменить – об этом и поговорим в сегодняшней статье.
Что такое кодировка
Кодировка – специальный метод, позволяющий отображать текст на экране таким образом, чтобы он был понятен каждому пользователю. Все символы, которые мы видим в интернете, – это буквы и цифры только для нас, компьютер их не понимает. Он воспринимает информацию в байтах, весь текст на экране монитора – это совокупность байтов. У каждого символа есть свое кодовое значение, которое компьютер использует при выводе слов и чисел на экран.
Вот наглядный пример того, как воспринимается компьютером латинский алфавит и прочие символы:
Если никакая кодировка не установлена, вместо символов мы увидим такие значения. Чтобы понять компьютер, необходимо установить нужную кодировку для расшифровки символов из этой таблицы.
Типы кодировок
Существует несколько типов кодировок:
Существуют и другие типы кодировок, но они используются в меньшей степени либо не используются вообще.
Как определить кодировку на сайте
Узнать кодировку своего или чужого сайта довольно просто, достаточно просмотреть исходный код страницы. Сделать это можно следующим образом:
- Открываем сайт, на котором необходимо посмотреть кодировку, и кликаем правой кнопкой мыши по любой области. В отобразившемся меню выбираем «Просмотр кода страницы». Также можно воспользоваться комбинацией клавиш «CTRL+U».
- В результате перед нами отобразится новое окно с кодом страницы – в нем воспользуемся комбинацией клавиш «CTRL+F» для поиска строки, отвечающей за кодировку веб-страницы. Вводим запрос «charset» и смотрим результат.
Где и как изменить кодировку
Все зависит от сайта. Способ установки кодировки может различаться: если используется одностаничник, то достаточно в HTML-файле прописать мета-тег в блоке <head>:
В противном случае нам потребуется отредактировать файл .htaccess. Рассмотрим на примере хостинга Timeweb, как это можно сделать.
Открываем свой сайт и видим, что ничего не изменилось – так и должно быть. Чтобы внести изменения, очищаем кэш с помощью комбинации клавиш «CTRL+F5» и смотрим результат.
Как видите, сменить кодировку на своем сайте легко. Аналогичным образом мы можем изменить кодировку и на всем сервере – для этого необходимо выполнить следующее (актуально для веб-сервера Apache):
Если вы поменяете кодировку по умолчанию, то она будет изменена для всех ресурсов, находящихся на данном сервере.
Смена кодировки базы данных
В данном случае нам потребуется открыть базу данных через личный кабинет хостинга и изменить значение кодировки в разделе «Операции». Давайте рассмотрим, как это можно сделать через админку Timeweb.
На этом статья подходит к концу. Теперь вы знаете больше о кодировке сайта и можете легко ее изменить в случае необходимости. Спасибо за внимание!
Нужно физически изменить кодировку нескольких .html файлов. Обычно это делается через «Сохранить как» с указанием нужной нам кодировки. Но есть более простой способ.
Решение
Нам понадобится программа HTML Changer (автор: Еманов Алексей).
Форматы файлов, поддерживаемых программой: .asp, .htm, .html, .inc, .js, .php, .phtml, .rtf, .shtm, .shtml, .txt.
Основное предназначение программы — это смена кодировки файлов, а также массовая замена текста в них. Но сегодня нас интересует только кодировка.
Начинаем
Сама программа не требует установки. Вы просто распаковываете архив в любое удобное для вас место и запускаете HTMLChanger.exe.
Начальный интерфейс HTML Changer
Затем вы нажимаете «Добавить папку (или файлы)»:
Выбираем папку с исходными файлами
Далее указываем программе папки, в которых лежат нужные нам файлы. В правой стороне окна не забываем указать маску для поиска файлов. Важно отметить галочку «вложенные папки», иначе программа не будет искать файлы в папках.
Выбираем папку с исходными файлами
Когда вы выбрали нужную папку, нажимаете OK.
Папки для работы
Затем переходим во вкладку перекодировка и выбираем, из какой в какую кодировку нам нужно перегнать файлы.
Выбираем кодировки файлов
Возвращаемся на начальную вкладку. Важно убрать выделение с кнопки Поиск/Замена, т.к. если вы не собираетесь ничего заменять в самих файлах, то программа выдаст ошибку.
Не забываем убрать выделение
Жмём обработать и… Всё! Обновлённые файлы лежат на месте старых. А старые файлы сохранены в папке \Projects\Backup (в папке с программой). Вот так вот просто и быстро можно поменять кодировку файлов.
5 / 5
В этой статье мы расскажем о том, как изменить кодировку страницы так, чтобы русский символы отображались нормально, а не как различные кракозябры.
Если вы открываете страницу, а там на месте кириллицы отображаются знаки вопроса:
Или в случае, когда русские буквы заменяются на кракозябры:
То для того, чтобы вернуть страницу к нормальному виду вам нужно проверить две вещи:
- Правильная ли кодировка стоит у самого файла html или php страницы
- Правильная ли кодировка стоит в мета-тэгах страницы
Бывает так же ещё проблема в сервере, на котором отображается страница, там тоже может стоять неправильная кодировка, но этот случай мы разбирать не будем.
Если у вас стоит неправильная кодировка у самого файла
Тогда при записи русскоязычных слов в коде страницы при сохранении вам будет выдаваться предупреждение о неправильной кодировке страницы, выглядеть это будет примерно так:
Здесь говориться примерно следующее.
"Документ имеет не корректную кодировку, при сохранении файла некоторые символы будут сохранены не верно. Чтобы решить проблему поменяйте кодировку файла на UTF-8 "
Такая проблема может коснутся любого файла, не обязательно HTML , но и, например, CSS или JS .
Для того, чтобы изменить кодировку файла, необходимо открыть его в стандартном Блокноте , который есть на всех Windows ОС . При сохранении в выпадающем списке выбрать кодировку UTF-8 , изменить тип файла на Все файлы и подтвердить сохранении. Теперь всё это же но в картинках:
Не правильная кодировка стоит в мета-тэгах страницы
Где посмотреть кодировку в мета-тэгах? Открываем код страницы и ищем в разделе <head> такую строчку:
Как вы уже поняли, нас интересует строка < meta charset = "utf-8" > , она то и задает кодировку документа, если у вас отсутствует этот тег или в качестве значения атрибута charset стоит какое-то другое значение, то измените его на utf-8 .
Каждый вебмастер сталкивался с проблемой неправильного отображения текста на странице:
Это случается по одной из следующих причин: текст имеет кодировку, которая не соответствует указанной в документе или передаваемой сервером; кодировка документа указано неверно; сервер отдаёт документ, указывая неправильную кодировку.
Далее везде будет применяться кодировка UTF-8, так как она наиболее универсальная и её рекомендуется использовать повсеместно.
Текст
Первым делом нужно проверить кодировку текста в документе. Рассмотрим как это делается в Блокноте и Notepad++.
Блокнот
- Открываем Блокнот: Win+R → notepad ; и копируем в него код страницы.
- Кликаем Файл → Сохранить как. или нажимаем Ctrl+S .
- В поле Имя файла вводим название документа с расширением.
- В поле Тип файла выбираем Все файлы , так как иначе не учтётся введённое расширение и файл сохраниться в формате txt (это зависит от настроек операционной системы).
- Ставим кодировку UTF-8 и сохраняем документ.
Notepad++
Нужно выбрать именно Преобразовать в UTF-8 без BOM , а не Кодировать в UTF-8 (без BOM) .
Сервер
На реальном хостинге никто не предоставит возможность изменять конфигурацию сервера своим клиентам, поэтому этот момент пропускаем.
Чтобы указать кодировку, с которой сервер должен отдавать HTML-документы, нужно сделать следующее (на примере использования Блокнота): открыть Блокнот: Win+R → notepad ; и написать в нём следующую строку: AddDefaultCharset UTF-8 кликнуть Файл → Сохранить как. или нажать Ctrl+S ; в поле Имя файла ввести .htaccess ; в поле Тип файла выбрать Все файлы и сохранить файл в корень сайта.
Файлы без имени с расширением .htaccess позволяют конфигурировать некоторые опции сервера Apache.
Если всё сделано правильно, то текст на странице должен отобразиться правильно, то есть так, как он представлен в текстовом редакторе.
Читайте также: