Відображення символів Unicode в HTML

Я хочу просто відобразити галочку (✔) і перехрестити (✘) символи на HTML-сторінці, але вона відображається як вікно або як goop ✠”- очевидно, щось спільне з кодуванням.

Я встановив мета-тег, щоб показувати 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, або взагалі не надсилаєте цей заголовок HTTP (не рекомендується). metaТег в основному запасний варіант для локальних документів , які не передаються через HTTP - трафік.

Використання сутностей HTML також слід розглядати як обхідний шлях - це навшпиньках навколо справжньої проблеми. Правильна настройка веб-сервера запобігає великим неприємностям.

Я думаю, що це проблема з файлом, ви просто зберегли файл у 1-байтовому кодуванні, як Latin-1. Погуглить ваш редактор і як встановити файли на utf-8.

Цікаво, чому є редактори, які не використовують за замовчуванням utf-8.