發布日期：2026 年 3 月 2 日
歡迎閱讀 2026 年 1 月的 Baseline 摘要。我們每個月都會在「基準」中，重點介紹達到新里程碑的網頁平台功能，協助您瞭解目前可在專案中使用的工具。
1 月是令人振奮的一年開端，多項重要的 API 和 CSS 單位都移至「新推出」類別，而重大版面配置改善項目也已「廣泛推出」。
基準新功能
下列網頁功能於 2026 年 1 月成為 Baseline Newly。
Active View 轉換
:active-view-transition CSS 虛擬類別現已納入 Baseline Newly available。開發人員可使用這個選取器，在檢視區塊轉換進行期間，特別指定文件根元素並設定樣式。這項功能特別適合套用全域樣式或調整項目，這些樣式或調整項目只應存在於轉場期間，例如變更轉場疊加層的背景顏色，或調整特定圖層的 z 索引，確保視覺流程順暢。
服務工作人員中的 JavaScript 模組
Service Worker 現在支援 JavaScript 模組，適用於所有主要瀏覽器引擎。在呼叫 navigator.serviceWorker.register() 時設定 type: 'module' 選項，即可在服務工作人員指令碼中使用標準 import 和 export 陳述式。這項功能可讓服務工作人員符合現代 JavaScript 開發做法，進而改善程式碼組織、簡化依附元件管理，並在主執行緒和背景工作人員之間共用程式碼。
Navigation API
Navigation API 是專為單頁應用程式 (SPA) 需求設計的現代化替代方案，可取代舊版 History API。這個 API 提供集中式方法，可啟動、攔截及管理所有類型的導覽動作，包括由瀏覽器的返回和前進按鈕觸發的動作。透過 Maps 等事件，開發人員可以實作更流暢的用戶端路由，且需要的樣板程式碼較少。如要深入瞭解這項異動對網頁建構方式的影響，請參閱「新式用戶端路徑：Navigation API」這篇網誌文章。
rcap CSS 單位
rcap 單位
是相對於根字型的長度單位，等於根元素字型的「大寫高度」(大寫字母的標稱高度)。這樣一來，字體排版版面配置就能精確地根據網站上使用的主要字體縮放，而不只是字型大小。
rch CSS 單位
rch 單位與 ch 單位類似，但與根元素相關，代表根元素字型中「0」字形的寬度 (更具體來說是預先測量的寬度)。非常適合建立依字元寬度而定的版面配置，例如應精確容納特定字元數 (以根字型為準) 的容器。
rex CSS 單位
rex 單位
是
ex 的根相對版本，等於根元素字型的 x 高度。這個單位特別適合用於垂直對齊元素，以及根據文件中主要排版的小寫字母高度調整元素大小。
ric CSS 單位
ric 單位是 ic 單位相對於根目錄的對應項目。這等於根元素字型的「表意文字」前進測量值 (通常是 CJK 表意文字的寬度或高度)。對於建構國際化版面的開發人員來說，這項工具至關重要，尤其是使用中文、日文或韓文指令碼的開發人員。
普遍可用的基準功能
下列網頁功能於 2026 年 1 月成為 Baseline 廣泛可用的功能。
雙值 CSS display 屬性
display 屬性的多關鍵字語法現已正式推出，這項更新可讓您明確定義方塊的「外部」和「內部」顯示類型。舉例來說，您可以使用 display: inline flex，而非預先組合的 inline-flex。這項屬性會說明元素是否參與區塊或內嵌流程 (外部型別)，以及子項的版面配置方式 (內部型別，例如 flex 或 grid)。這項變更可讓開發人員使用更符合邏輯且一致的 CSS 版面配置引擎。
animation-composition CSS 屬性
animation-composition 屬性
會定義多個動畫同時影響相同屬性時的互動方式。您可以選擇 replace、add 或 accumulate，精確控制複雜的分層動畫計算方式。
依副本建立陣列
JavaScript 現在包含可轉換陣列的方法，不必變更原始資料。toReversed()、toSorted() 和 toSpliced() 等方法會傳回陣列的新修改副本，有助於採用更實用且安全的程式設計風格。
協助我們改善服務品質
如果我們遺漏任何與 Baseline 相關的內容，請務必告訴我們，我們會確保在日後版本中補上！如有任何問題，或想提供有關 Baseline 的意見回饋，請在問題追蹤工具中提出問題。