Hiển thị các ký hiệu unicode trong HTML

Tôi chỉ muốn hiển thị các biểu tượng đánh dấu (✔) và dấu gạch chéo (✘) trong một trang HTML nhưng nó hiển thị dưới dạng một hộp hoặc goop ✠- rõ ràng là một cái gì đó liên quan đến mã hóa.

Tôi đã đặt thẻ meta để hiển thị utf-8 nhưng rõ ràng là tôi đang thiếu thứ gì đó.

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

Chỉnh sửa / Giải pháp: Từ các nhận xét được đưa ra, bằng cách sử dụng FireBug, tôi thấy các tiêu đề đang được trang của tôi chuyển qua trên thực tế là "Loại nội dung: văn bản / html" chứ không phải UTF-8. Nhìn vào định dạng tệp bằng Notepad ++ cho thấy tệp của tôi được định dạng là "UTF-8 không có BOM". Thay đổi điều này thành chỉ UTF-8, các biểu tượng hiện hiển thị chính xác ... nhưng firebug dường như vẫn chỉ ra cùng một loại nội dung.

Bạn nên đảm bảo tiêu đề máy chủ HTTP là chính xác.

Đặc biệt, tiêu đề:

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

nên có mặt.

Thẻ meta bị trình duyệt bỏ qua nếu tiêu đề HTTP có mặt.

Đồng thời đảm bảo rằng tệp của bạn thực sự được mã hóa dưới dạng UTF-8 trước khi phân phát nó, hãy kiểm tra / thử các bước sau:

• Đảm bảo trình chỉnh sửa của bạn lưu nó dưới dạng UTF-8.
• Đảm bảo FTP của bạn hoặc bất kỳ chương trình truyền tệp nào không làm ảnh hưởng đến tệp.
• Hãy thử với các thực thể được mã hóa HTML, như &#uuu;.
• Để thực sự chắc chắn, hãy nén tệp và trông như một ký tự, đối với ✔, nó phải là E2 9C 94.

Lưu ý: Nếu bạn sử dụng ký tự unicode mà hệ thống của bạn không thể tìm thấy glyph (không có phông chữ nào có ký tự đó), trình duyệt của bạn sẽ hiển thị một dấu hỏi hoặc một số ký hiệu giống như khối. Nhưng nếu bạn thấy nhiều ký tự la mã giống như bạn làm, điều này cho thấy sự cố mã hóa.

Tôi biết một câu trả lời đã được chấp nhận, nhưng tôi muốn chỉ ra một vài điều.

Đặt content-typevà charsetrõ ràng là một thực tiễn tốt, thực hiện nó trên máy chủ sẽ tốt hơn nhiều, vì nó đảm bảo tính nhất quán trên ứng dụng của bạn.

Tuy nhiên, tôi sẽ UTF-8chỉ sử dụng khi ngôn ngữ ứng dụng của tôi sử dụng nhiều ký tự chỉ có sẵn trong UTF-8bảng mã. Nếu bạn muốn hiển thị một ký tự hoặc biểu tượng unicode trong một trong các trường hợp, bạn có thể làm như vậy mà không cần thay đổi charsettrang của mình.

HTMLcác trình kết xuất luôn có thể hiển thị các ký hiệu không phải là một phần của bộ ký tự mã hóa của trang, miễn là bạn đề cập đến ký hiệu đó numeric character reference (NCR). Nghe có vẻ kỳ lạ nhưng đó là sự thật.

Vì vậy, ngay cả khi htmltiêu đề của bạn cho biết nó có mã hóa ansihoặc bất kỳ isobộ ký tự nào, bạn có thể hiển thị dấu kiểm bằng cách sử dụng tham chiếu ký tự html của nó, ở dạng thập phân - & # 10003; hoặc ở dạng hex - & # x2713;

Vì vậy, hơi khó hiểu tại sao bạn lại gặp phải vấn đề này trên các trang của mình. Bạn có thể kiểm tra xem giá trị NCR có đúng không, đây là tài liệu tham khảo tốt http://www.fileformat.info/info/unicode/char/2713/index.htm

Đảm bảo rằng bạn thực sự lưu tệp dưới dạng UTF-8, hoặc sử dụng các thực thể HTML ( &#nnn;) cho các ký tự đặc biệt.

Không giống như đề xuất của Nicolas, metathẻ thực sự không bị trình duyệt bỏ qua. Tuy nhiên, Content-Typetiêu đề HTTP luôn được ưu tiên hơn sự hiện diện của metathẻ trong tài liệu.

Vì vậy, hãy đảm bảo rằng bạn gửi mã hóa chính xác qua tiêu đề HTTP hoặc hoàn toàn không gửi tiêu đề HTTP này (không được khuyến nghị). Các metathẻ chủ yếu là một lựa chọn dự phòng cho các tài liệu địa phương mà không được gửi qua giao thức HTTP.

Sử dụng các thực thể HTML cũng nên được coi là một giải pháp thay thế - đó là cách giải quyết vấn đề thực sự. Định cấu hình máy chủ web đúng cách ngăn chặn rất nhiều phiền toái.

Tôi nghĩ đây là vấn đề về tệp, bạn chỉ cần lưu tệp của mình ở dạng mã hóa 1 byte như latin-1. Google thiết lập trình chỉnh sửa của bạn và cách đặt tệp thành utf-8.

Tôi tự hỏi tại sao có những trình chỉnh sửa không mặc định là utf-8.