การแสดงสัญลักษณ์ 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 ที่ไม่มี BOM" การเปลี่ยนสิ่งนี้เป็นเพียง UTF-8 ตอนนี้สัญลักษณ์แสดงอย่างถูกต้อง ... แต่ firebug ยังคงระบุว่าเป็นประเภทเนื้อหาเดียวกัน

คุณควรตรวจสอบว่าส่วนหัวของเซิร์ฟเวอร์ HTTP ถูกต้อง

โดยเฉพาะส่วนหัว:

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

ควรมีอยู่

เมตาแท็กจะถูกละเว้นโดยเบราว์เซอร์หากมีส่วนหัว HTTP อยู่

ตรวจสอบให้แน่ใจด้วยว่าไฟล์ของคุณเข้ารหัสเป็น UTF-8 จริงก่อนที่จะให้บริการตรวจสอบ / ลองทำดังต่อไปนี้:

• ตรวจสอบให้แน่ใจว่าเครื่องมือแก้ไขของคุณบันทึกเป็น UTF-8
• ตรวจสอบให้แน่ใจว่า FTP หรือโปรแกรมถ่ายโอนไฟล์ของคุณไม่ยุ่งกับไฟล์
• ลองใช้เอนทิตีที่เข้ารหัส HTML เช่น&#uuu;.
• เพื่อความแน่ใจจริงๆให้ hexdump ไฟล์และดูเป็นอักขระสำหรับ✔ควรเป็น E2 9C 94

หมายเหตุ: หากคุณใช้อักขระ Unicode ซึ่งระบบของคุณไม่พบสัญลักษณ์ (ไม่มีแบบอักษรที่มีอักขระนั้น) เบราว์เซอร์ของคุณควรแสดงเครื่องหมายคำถามหรือสัญลักษณ์คล้ายบล็อค แต่ถ้าคุณเห็นอักขระโรมันหลายตัวเช่นนี้แสดงว่ามีปัญหาในการเข้ารหัส

ฉันรู้ว่าคำตอบได้รับการยอมรับแล้ว แต่ต้องการชี้ให้เห็นบางสิ่ง

การตั้งค่า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;) สำหรับอักขระพิเศษ

ซึ่งแตกต่างจากที่ Nicolas เสนอmetaตรงที่เบราว์เซอร์ไม่สนใจแท็ก อย่างไรก็ตามContent-Typeส่วนหัว HTTP มีความสำคัญเหนือกว่าการมีmetaแท็กในเอกสารเสมอ

ดังนั้นตรวจสอบให้แน่ใจว่าคุณส่งการเข้ารหัสที่ถูกต้องผ่านส่วนหัว HTTP หรืออย่าส่งส่วนหัว HTTP นี้เลย (ไม่แนะนำ) metaแท็กเป็นส่วนใหญ่เป็นตัวเลือกสำรองสำหรับเอกสารในท้องถิ่นซึ่งจะไม่ส่งการจราจรผ่านทาง HTTP

การใช้เอนทิตี HTML ควรได้รับการพิจารณาว่าเป็นวิธีแก้ปัญหาด้วยเช่นกันนั่นคือการก้าวข้ามปัญหาที่แท้จริง การกำหนดค่าเว็บเซิร์ฟเวอร์อย่างเหมาะสมจะป้องกันไม่ให้เกิดความรำคาญมากมาย

ฉันคิดว่านี่เป็นปัญหาเกี่ยวกับไฟล์คุณบันทึกไฟล์ของคุณในการเข้ารหัส 1 ไบต์เช่น latin-1 Google ปรับปรุงโปรแกรมแก้ไขของคุณและวิธีตั้งค่าไฟล์เป็น utf-8

ฉันสงสัยว่าทำไมมีบรรณาธิการที่ไม่ผิดนัด utf-8