Отображение символов Юникода в HTML

Я хочу просто отобразить символы галочки (✔) и крестика (✘) на HTML-странице, но они отображаются либо как прямоугольник, либо как кружок ✠»- очевидно, что-то связано с кодировкой.

Я установил метатег для отображения utf-8, но, очевидно, что-то мне не хватает.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Изменить / Решение. Из комментариев, сделанных с помощью FireBug, я обнаружил, что заголовки, передаваемые моей страницей, на самом деле были «Content-Type: text / html», а не UTF-8. Просмотр формата файла с помощью Notepad ++ показал, что мой файл был отформатирован как «UTF-8 без спецификации». Изменив это значение только на UTF-8, символы теперь отображаются правильно ... но firebug по-прежнему указывает на тот же тип содержимого.

Вы должны убедиться, что заголовки HTTP-сервера верны.

В частности, заголовок:

Content-Type: text/html; charset=utf-8

должен присутствовать.

Мета-тег игнорируется браузерами, если присутствует HTTP-заголовок.

Также убедитесь, что ваш файл действительно закодирован как UTF-8 перед его обслуживанием, проверьте / попробуйте следующее:

• Убедитесь, что ваш редактор сохранил его как UTF-8.
• Убедитесь, что ваш FTP или любая программа для передачи файлов не вмешивается в файл.
• Попробуйте использовать объекты в кодировке HTML, например &#uuu;.
• Чтобы быть действительно уверенным, создайте шестнадцатеричный дамп файла и посмотрите как символ, для ✔ это должен быть E2 9C 94.

Примечание. Если вы используете символ Юникода, для которого ваша система не может найти глиф (нет шрифта с этим символом), ваш браузер должен отобразить вопросительный знак или какой-либо символ, подобный блоку. Но если вы видите несколько латинских символов, как и вы, это означает проблему с кодировкой.

Я знаю, что ответ уже принят, но хочу отметить несколько моментов.

Очевидно, что установка content-typeи charsetявляется хорошей практикой, гораздо лучше делать это на сервере, поскольку это обеспечивает согласованность во всем приложении.

Однако я бы использовал UTF-8только тогда, когда язык моего приложения использует много символов, которые доступны только в UTF-8кодировке. Если вы хотите отобразить символ или символ Unicode в одном из случаев, вы можете сделать это, не меняя charsetстраницы.

HTMLсредства визуализации всегда могли отображать символы, которые не являются частью набора символов кодировки страницы, если вы упоминаете символ в его numeric character reference (NCR). Звучит странно, но это правда.

Таким образом, даже если у вас htmlесть заголовок, в котором указано, что он имеет кодировку ansiили любую из кодировок iso, вы можете отобразить галочку, используя ссылку на символ html в десятичном формате - & # 10003; или в шестнадцатеричном формате - & # x2713;

Поэтому немного сложно понять, почему вы сталкиваетесь с этой проблемой на своих страницах. Можете ли вы проверить правильность значения NCR, это хорошая ссылка http://www.fileformat.info/info/unicode/char/2713/index.htm

Убедитесь, что вы действительно сохранили файл как UTF-8, или используйте объекты HTML ( &#nnn;) для специальных символов.

В отличие от предложенного Николасом, metaтег фактически не игнорируется браузерами. Однако Content-Typeзаголовок HTTP всегда имеет приоритет над наличием metaтега в документе.

Поэтому убедитесь, что вы либо отправляете правильную кодировку через заголовок HTTP, либо вообще не отправляете этот заголовок (не рекомендуется). metaТег в основном запасной вариант для локальных документов , которые не передаются через HTTP - трафик.

Использование HTML-сущностей также следует рассматривать как обходной путь - обход реальной проблемы. Правильная настройка веб-сервера предотвращает множество неприятностей.

Я думаю, что это проблема с файлом, вы просто сохранили свой файл в 1-байтовой кодировке, например, latin-1. Google ваш редактор и как установить файлы в utf-8.

Интересно, почему есть редакторы, которые по умолчанию не используют utf-8.