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