Categories
程式開發

CSS書寫模式已成為官方Web標準


萬維網聯盟(World Wide Web Consortium,W​​3C)最近宣布CSS書寫模式Level 3(CSS Writing Modes Level 3)業已成為官方的Web標準。新的CSS標准允許開發人員配置文本水平佈局還是垂直佈局,同時還能設置行堆疊的方向。借助CSS的書寫模式,大量語言的內容都可以使用原生方式來顯示了。

W3C指導委員會成員、日本慶應義塾大學(Keio University)教授Jun Murai博士強調了新標準的重要性,以及該標準所涉及的大量國際工作:

CSS書寫模式Level 3作為W3C的推薦標準正式發布,這是2004年以來CSS工作組開始文本佈局相關工作的一個重要里程碑。 (……)憑藉令人難以置信的國際化工作和許多亞洲國家的共同努力,我們已經達到了一個重要的節點,CSS使Web上的國際書寫模式變成了現實。

CSS書寫模式標準化了對各種國際書寫模式的CSS支持,包括水平的從左到右的文本(如英語和印地語)、水平的從右到左的文本(如希伯來語和阿拉伯語)還包括垂直文本(如日語或蒙古語)。此外,標準還支持上述方式的組合,比如在垂直設置的亞洲文本中顯示英語或希伯來語。

Smashing Magazine的主編Rachel Andrew強調了開發人員和設計師理解書寫模式如何與其他佈局標準(如FlexBox或Grid)交互是非常重要的:

支持多種書寫模式是我們設計Flexbox新佈局方法和Grid佈局的關鍵。理解這一點可以更好地理解這些佈局方法是如何運行的。

CSS書寫模式規範聲明瞭如何根據writing-modedirectiontext-orientation屬性定義書寫模式。writing-mode屬性指定了塊的流動方向direction指定了盒的內聯基準方向。

Mozilla的設計師和開發人員倡導者Jen Simmons在一幅教學圖片中總結了如何將這三個CSS書寫模式屬性組合起來以指定佈局:

An illustration of an arrow pointing down to indicate block direction, The letter

圖片來源:https://24ways.org/2016/css-writing-modes

Chen Hui Jing提供了一個演示頁面,讓開發人員可以在horizontal-tbvertical-rl書寫模式下進行轉換,並且能夠觀察佈局和滾動方向的變化。

通過切換內容方向或改變內容流的方向,CSS書寫模式也可以用於實現創造性的設計,即便是使用從左到右書寫的語言時,我們也可以這樣做。

2019年的CSS狀態調查似乎表明,與Flexbox不同,CSS書寫模式主要是由有經驗的開發人員和設計師使用(超過10年的經驗人)的。

雖然IE11和Opera Mini不支持CSS書寫模式,但大多數瀏覽器已經支持該特性了

W3C積極歡迎國際社區的反饋和支持,以滿足語言支持的需求。 W3C發布了一個語言矩陣,該矩陣會跟踪當前支持級別的概況以及還需要進行哪些工作。

萬維網聯盟為利用Web技術的現代企業提供支撐基礎設施的標準,所涉及的領域包括娛樂、通信、數字出版和金融服務等。 W3C工作是基於W3C專利政策(W3C Patent Policy)免費提供的。

原文鏈接:

CSS Writing Modes Now an Official Web Standard