Почему вместо русского текста выводятся ромбики?

Иногда при отображении в браузере веб-страницы вместо текста можно наблюдать ромбики или другие символы. Но совсем не тот текст, который мы ожидаем (рис. 1).

Нечитаемый текст в браузере

Рис. 1. Нечитаемый текст в браузере

Такое происходит при сохранении файла в неверной кодировке, например, в ANSI. Недостаточно добавить <meta charset="utf-8"> в код, нужно чтобы и сам HTML-файл был сохранён в кодировке UTF-8. Для этого следует использовать редакторы, которые поддерживают разные кодировки и могут преобразовать текст из одной кодировки в другую. К примеру, в популярном редакторе Notepad++ под Windows для нужной кодировки следует выбрать меню Кодировки > Преобразовать в UTF-8 (рис. 2).

Преобразование кодировки в Notepad++

Рис. 2. Преобразование кодировки в Notepad++

После сохранения файла текст в браузере будет отображаться корректно.

См. также