ถาม-ตอบ: การประกาศค่าการ encode ตัวอักษรใน CSS

คำถาม

คำตอบ

ในการกำหนดการ encode ตัวอักษรเราอาจจะใช้กฏ @charset ซึ่งจะมีกฏดังนี้:

@charset "<ชื่อของ charset ที่กำหนดโดย IANA>";

สำหรับการประกาศค่า style sheet ที่อยู่ในเอกสารไม่จำเป็นต้องใช้กฏ @charset กฏดังกล่าวใช้กับ style sheet ที่ ถูกลิงค์เข้ามาเท่านั้น

สำหรับ style sheet ที่อยู่นอกเอกสารจะมีการใช้กฎ @charset เพียงครั้งเดียวเท่านั้นและจะต้องอยู่ในส่วนเริ่มต้น ของเอกสารเสมอและจะต้องไม่มีตัวอักษรใดๆนำหน้าหรือแม้แต่ comment ก็ตาม

ชื่อที่ใช้จะต้องเป็นชื่อ charset ที่ระบุไว้ใน IANA registry (ดูเพิ่มเติมได้ในส่วน รายชื่อ charset ฉบับสมบูรณ์)ตัวอย่างเช่นหากคุณต้องการกำหนดไฟล์ CSS ให้เป็นการ encode ด้วย UTF-8 เราสามารถเขียนได้ดังนี้:

@charset "UTF-8";

นอกจากนี้

นอกจากนี้ยังมีความเป็นไปได้ที่จะกำหนดการ encode ไฟล์โดยการกำหนดให้ server ส่งข้อมูลไปยังส่วน HTTP header (ดูได้จากส่วน ลักษณะของ CSS 2.1 และในส่วนที่ 4.4 เรื่องการแสดงเอกสาร CSS)ในกรณีนี้การอ่านการ ประกาศค่าการ encode ของ HTTP header จะมาก่อนการประกาศค่า @charset ที่อยู่ในไฟล์ ไม่ว่าเราจะใช้ HTTP header หรือไม่ก็ตาม เราควรจะประกาศค่าการ encode ตัวอักษรภายในไฟล์ style sheet ให้ชัดเจน (ด้วยวิธีการ เดียวกับการประกาศค่าใน ไฟล์HTML)ดังนั้นจะไม่มีโอกาสเป็นไปได้ที่จะไม่สามารถอ่านค่าการ encode โดยเฉพาะ อย่างยิ่งเมื่อมีการย้ายไฟล์

แน่นอนว่าข้อมูลในการ encode ตัวอักษรมักจะมีความสำคัญเสมอถ้า CSS selector มีการใช้ชื่อ element attribute หรือ attribute value ที่ไม่ได้เป็นข้อความแบบ ASCII ดังนั้นหากเรามีค่า value ที่ไม่ได้เป็นแบบ ASCII สำหรับ CSS properties เช่นcontent หรือ font-family เราควรจะแน่ใจว่าเราได้มีการประกาศค่าการ encode ตัวอักษรแล้ว