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

Question

Tôi muốn hiển thị biểu tượng đánh dấu (✔) và chéo (✘) trong trang HTML nhưng nó hiển thị dưới dạng hộp hoặc goop â '”- rõ ràng là có 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" /> 

Edit/Giải pháp: Từ ý kiến ​​thực hiện, sử dụng Firebug tôi thấy các tiêu đề được thông qua bởi trang của tôi là trong thực tế "Content-Type: text/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 giờ đây hiển thị chính xác ... nhưng con bọ lửa vẫn có vẻ như chỉ ra cùng một kiểu nội dung.

Answer 1

Bạn phải đả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ị bỏ qua bởi trình duyệt nếu có tiêu đề HTTP.

Cũng đảm bảo rằng tập tin của bạn là thực sự được mã hóa theo UTF-8 trước khi phục vụ nó, kiểm tra/thử như sau:

• Đảm bảo soạn thảo 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 gây rối với 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 hexdump tệp và trông giống như ký tự, cho ✔, 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ữ với ký tự đó), trình duyệt của bạn sẽ hiển thị dấu hỏi hoặc một số khối như biểu tượng. 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 biểu thị một vấn đề mã hóa.

Answer 2

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

Answer 3

Không giống như đề xuất của Nicolas, thẻ meta không thực sự bị bỏ qua bởi các trình duyệt. Tuy nhiên, tiêu đề HTTP Content-Type luôn được ưu tiên hơn sự hiện diện của thẻ meta 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 không gửi tiêu đề HTTP này cả (không được khuyến nghị). Thẻ meta chủ yếu là tùy chọn dự phòng cho các tài liệu cục bộ không được gửi qua lưu lượng truy cập HTTP.

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

Answer 4

Tôi nghĩ đây là vấn đề về tệp, bạn đã lưu tệp của mình thành dạng mã hóa 1 byte như latin-1. Google up 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ó các trình chỉnh sửa không mặc định là utf-8.

Answer 5

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

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

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

HTML trình kết xuất luôn có thể hiển thị các biểu tượng không thuộc bộ ký tự mã hóa của trang, miễn là bạn đề cập đến biểu tượng trong số numeric character reference (NCR). Nghe có vẻ kì lạ nhưng đúng.

Vì vậy, ngay cả khi bạn html có một tiêu đề mà khẳng định nó có một mã hóa của ansi hoặc bất kỳ các iso bảng mã, bạn có thể hiển thị một dấu kiểm bằng cách sử dụng tài liệu tham khảo nhân vật html của nó, trong số thập phân - & # 10003; hoặc trong hex - & # x2713;

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