ฟีเจอร์ CSS ใหม่ 4 รายการสำหรับภาษาต่างประเทศจาก CSS Text Module ระดับ 4 กำลังจะเปิดตัวใน Chrome โพสต์นี้จะอธิบายว่ามีสินค้าใดบ้างที่จัดส่งแล้ว และสิ่งที่กำลังจะจัดส่งเร็วๆ นี้
- จาก Chrome 119: การแบ่งบรรทัดของวลีภาษาญี่ปุ่นด้วย
word-break: auto-phrase - เบื้องหลัง Flag จาก Chrome 120: ระยะห่างระหว่างสคริปต์ด้วยพร็อพเพอร์ตี้
text-autospace - อยู่ระหว่างการพัฒนา: การแยกระยะเครื่องหมายวรรคตอนภาษาจีน ญี่ปุ่น และเกาหลี (CJK) ด้วยพร็อพเพอร์ตี้
text-spacing-trim - ขนาดแบบอักษรขั้นต่ำที่สอดคล้องกันในทุกภาษา
การแบ่งบรรทัดวลีภาษาญี่ปุ่น: word-break: auto-phrase
ฟีเจอร์นี้ช่วยปรับปรุงความอ่านง่ายของข้อความภาษาญี่ปุ่น และพร้อมให้ใช้งานใน Chrome 119
ภาษาเอเชียตะวันออกบางภาษา เช่น จีนหรือญี่ปุ่น จะไม่ใช้การเว้นวรรคเพื่อแยกคำ และบรรทัดจะตัดขึ้นบรรทัดใหม่ได้ทุกอักขระ แม้ว่าจะอยู่กลางคำก็ตาม นี่เป็นลักษณะการแบ่งบรรทัดปกติของภาษาเหล่านี้ แต่สำหรับข้อความสั้นๆ เช่น หัวเรื่องหรือบทกวี เราขอแนะนำให้แบ่งบรรทัดตรงขอบเขตของวลีตามปกติ (ในภาษาญี่ปุ่น ขอบเขตนี้เรียกว่า "Bunsetsu")
ฟีเจอร์ CSS ใหม่ word-break: auto-phrase ระบุว่าการขึ้นบรรทัดใหม่ควรเกิดขึ้นที่ขอบเขตดังกล่าว
<html lang="ja">
<style>
h1 {
word-break: auto-phrase;
}
</style>
<h1>窓ぎわのトットちゃん<h1>
word-break: auto-phrase รวมบรรทัดไว้ที่ขอบเขตวลีตามปกติ
การตรวจหาขอบเขตจะดำเนินการโดยเครื่องมือแมชชีนเลิร์นนิง จึงอาจให้ผลลัพธ์ไม่ตรงกับที่คุณตั้งใจไว้ ในกรณีนี้ คุณสามารถปรับจุดพักโฆษณาด้วยตนเองได้ แท็ก <wbr> หรือการเว้นวรรคที่มีความกว้างเป็นศูนย์ (​) จะบังคับให้แบ่งบรรทัด และตัวเชื่อมที่มีความกว้างเป็นศูนย์ (‍) จะป้องกันไม่ให้แบ่งบรรทัด
窓ぎわの<wbr>トットちゃん
ユーザー<wbr>インターフェース
ปัจจุบัน Chrome รองรับฟีเจอร์นี้สำหรับภาษาญี่ปุ่นเท่านั้นโดยใช้พอร์ต BudouX C++ ที่ใช้เทคโนโลยี ML ของ AdaBoost อ่านเพิ่มเติมเกี่ยวกับเรื่องนี้ได้ใน Google Developers Japan: BudouX: 読みやすん改トのめの軽量เพื่อทำ分のめの軽量の分ッち型式
เราวางแผนที่จะรองรับภาษาเกาหลีและจีนใน Chrome เวอร์ชันในอนาคต
ระยะห่างระหว่างสคริปต์: text-autospace
ขณะนี้ฟีเจอร์ต่อไปนี้อยู่เบื้องหลัง Flag ใน Chrome หากต้องการทดสอบ ให้เปิดใช้ Flag ฟีเจอร์แพลตฟอร์มเว็บเวอร์ชันทดลอง (ดูได้ที่ chrome://flags/#enable-experimental-web-platform-features) ใน Chrome 120 ขึ้นไป
ภาษาจีนและญี่ปุ่นผสมผสานสคริปต์หลายตัว ทั้งตัวอักษรฮัน ละติน และ ASCII ตลอดจนฮิรางานะและคาตาคานะในกรณีที่เป็นภาษาญี่ปุ่น การเว้นวรรคเล็กน้อยเมื่อสลับจากและไปยังอักษรรูปภาพแบบไม่ใช้อักษรฮั่นมักจะช่วยให้อ่านได้ง่ายขึ้น
Chrome กำลังวางแผนที่จะเริ่มแทรกการเว้นวรรคระหว่างสคริปต์โดยค่าเริ่มต้น ฟีเจอร์นี้นำหลักปฏิบัติทั่วไปซึ่งใช้กันอย่างแพร่หลายในสื่อสิ่งพิมพ์เพื่อให้อ่านในเว็บได้ง่ายขึ้น
text-autospace
หากต้องการปิดใช้ลักษณะการทำงานนี้ พร็อพเพอร์ตี้ text-autospace จะช่วยให้คุณควบคุมการแทรกการเว้นวรรคได้
text-autospace: no-autospace;
ช่องไฟเครื่องหมายวรรคตอน CJK: text-spacing-trim
ฟีเจอร์ต่อไปนี้อยู่ระหว่างการพัฒนา โดยตั้งเป้าให้มีการเปิดใช้งานฟีเจอร์นี้โดยค่าเริ่มต้นใน Chrome
ในภาษาจีน ญี่ปุ่น และเกาหลี การใช้ช่องไฟระหว่างอักขระในเครื่องหมายวรรคตอนจะทำให้อ่านง่ายขึ้น และทำให้การพิมพ์ดูสวยงามยิ่งขึ้น สื่อสิ่งพิมพ์และโปรแกรมประมวลผลคำส่วนใหญ่ใช้การเว้นวรรคนี้ในปัจจุบัน
ตัวอย่างเช่น เครื่องหมายจุดและเครื่องหมายปิดวงเล็บ CJK มักจะออกแบบให้มีระยะห่างภายในอักขระครึ่งขวาของระยะห่างอักขระ เพื่อให้แต่ละอักขระมีการเลื่อนไปข้างหน้าอย่างสม่ำเสมอ
แต่เมื่อเครื่องหมายวรรคตอนเหล่านี้ปรากฏเป็นแถว ระยะห่างภายในอักขระก็จะมากเกินไป ในตัวอย่าง 2 รายการต่อไปนี้ ตัวอย่างที่ 2 เป็นการจัดรูปแบบที่ถูกต้อง โดยควรนำเครื่องหมายวรรคตอน CJK ครึ่งขวาออก
ลักษณะการทำงานเริ่มต้นจะให้ผลลัพธ์ที่ดีโดยทั่วไป แต่นักพัฒนาซอฟต์แวร์สามารถใช้พร็อพเพอร์ตี้การตัดข้อความ-ตัดข้อความเพื่อเลือกสไตล์ต่างๆ หรือปิดใช้ในบางกรณีได้
ขนาดแบบอักษรขั้นต่ำที่สอดคล้องกันในทุกภาษา
ก่อน Chrome 118 ระบบจะไม่แสดงผลแบบอักษรที่มีขนาดน้อยกว่า 10 พิกเซลตามที่ระบุ แต่ระบบจะปัดเศษขึ้นหากเป็นภาษาอาหรับ เปอร์เซีย ญี่ปุ่น เกาหลี ไทย จีนตัวย่อ หรือจีนตัวเต็ม นักพัฒนาซอฟต์แวร์ต้องใช้วิธีแก้ปัญหาชั่วคราวเพื่อแสดงผลข้อความขนาดเล็ก เช่น โดยใช้พร็อพเพอร์ตี้ transform
จาก Chrome 118 ขีดจำกัดนี้จะเลิกใช้ในทุกภาษา ทำให้ทั้ง 7 ภาษาตรงกับภาษาอื่นๆ การเปลี่ยนแปลงนี้ช่วยปรับปรุงความสามารถในการทำงานร่วมกันกับเบราว์เซอร์อื่นๆ
มีส่วนร่วมและแชร์ความคิดเห็น
หากมีความคิดเห็นเกี่ยวกับฟีเจอร์เหล่านี้ โปรดรายงานปัญหาที่ crbug.com