重點整理
- CSS shape() 函數讓設計師能用熟悉的 CSS 語法建立複雜形狀，不再需要寫 SVG 路徑。
- Trusted Types API 從平台層級防止 XSS 攻擊，提升網站安全性。
- Zstandard 壓縮技術比 Gzip 和 Brotli 更快，能有效加快網頁載入速度。
- Interop 2026 計畫持續推動各瀏覽器功能一致性，減少跨瀏覽器相容問題。
- dirname 屬性支援多語言表單，自動記錄文字書寫方向，適合國際化網站。
文章目錄
這些更新跟你的網站有什麼關係？
如果你正在經營企業官網、電商平台，或是打算重新設計網站，你可能聽過「瀏覽器支援」這件事——同一個網頁功能，在不同瀏覽器上表現可能不一樣。2026 年 2 月，多項網頁技術正式成為「Baseline Newly available」（所有主流瀏覽器皆支援）或「Baseline Widely available」（廣泛支援），代表這些功能已經成熟，可以放心用在你的網站上。本文將帶你了解 5 個重要更新，以及它們對中小企業的實際意義。
Interop 2026：瀏覽器功能更一致
Interop 2026 是由 Apple、Google、Microsoft、Mozilla 與 Igalia 等瀏覽器引擎開發商共同推動的計畫，目標是讓網頁功能在各瀏覽器上表現一致。這個計畫會優先處理高需求功能，並提供儀表板讓開發者了解各項功能的測試通過率。對企業主來說，這意味著你的網站在不同瀏覽器上出問題的機會越來越低，使用者體驗更穩定。
CSS shape() 函數：更直覺的形狀設計
過去要在網頁上做出不規則形狀，開發者必須使用 path() 函數搭配類似 SVG 的複雜指令。現在有了 shape() 函數，設計師可以直接用 CSS 語法（如 rem、%、calc()）來定義形狀，讓網頁設計更靈活、更容易調整。這對需要大量視覺設計的電商網站或品牌形象官網來說，是個好消息。
Trusted Types：從根本防堵 XSS 攻擊
XSS（跨站腳本攻擊）是常見的網站安全漏洞，攻擊者可能透過它注入惡意程式碼。Trusted Types API 要求開發者在將資料送入可能執行程式碼的 API 前，必須先經過「政策」檢查。搭配 Content Security Policy（內容安全政策），可以確保只有經過淨化的資料才會被使用，從平台層級防止漏洞。對企業來說，這是提升網站資安的重要一步。
Zstandard 壓縮：更快載入網頁
網頁載入速度直接影響使用者體驗與 SEO 排名。Zstandard（簡稱 zstd）是一種新的 HTTP 壓縮格式，壓縮率高、解壓縮速度快，比傳統的 Gzip 和 Brotli 更有效率。它能減少傳輸資料量，同時不會增加使用者裝置的運算負擔，讓網頁載入更快、更流暢。
dirname 屬性：支援多語言表單
如果你的網站服務多語言使用者，dirname 屬性可以自動記錄使用者輸入文字的書寫方向（從左到右或從右到左）。當表單送出時，伺服器會收到這個資訊，確保文字正確顯示。這對需要支援阿拉伯文、希伯來文等從右到左書寫語言的網站特別有用。
崴米的建議
- 定期檢視網站技術棧：確認你的網站是否已使用最新、最安全的技術，特別是資安相關功能如 Trusted Types，能有效降低被攻擊的風險。
- 優化網頁載入速度：考慮導入 Zstandard 壓縮，或檢查目前使用的壓縮格式是否已過時，提升使用者體驗與 SEO 表現。
- 跨瀏覽器測試不可少：雖然 Interop 2026 讓瀏覽器相容性越來越好，但上線前仍建議在 Chrome、Safari、Edge 等主流瀏覽器上測試，確保功能正常。
