一行標籤先被寫進了規格書:2026 年的 HTML,是一套被重新排過的介面語言
從 2026 年 HTML 的一批新元素與新語法看起,觀察網頁最底層的介面語言如何被重新排版。
回顧 2026 年 9 月 22 日掘金上流傳的一篇技術長文,那陣子前端圈的目光多半放在 Rust 工具鏈、AI 生成程式碼與框架效能競賽上,但文章指出的變化發生在更底層:HTML 正經歷近十年最密集的一次現代化更新。原生 3D 模型元素、語意化的權限元素、終於可以自訂樣式的 select,以及聲明式的部分更新。這些改動的共通點很清楚:瀏覽器原生的東西,正一塊一塊把過去十年由 JavaScript 函式庫代勞的介面,收回自己手上。
像插入圖片一樣插入一座 3D 模型
先從一行標籤看起。2026 年 6 月,蘋果在 WWDC26 上把 model 元素從 visionOS 擴展到 iOS、iPadOS 與 macOS。開發者寫下 model src=“product.usdz”,網頁裡就能出現一個可互動的 3D 模型,不需要 Three.js,不需要幾百 KB 的初始化腳本,也不需要自己處理 WebGL 的相容性。
這個設計的取捨值得細看。model 沒有重新發明輪子,它在 visionOS 上先累積了成熟的實作經驗,才往其他平臺擴散;由系統直接渲染,支援 AR Quick Look 與立體渲染。換句話說,它把 3D 內容降級成一種「素材」,跟 img 插圖片同一個層級。對電商、教育、醫療這類需要展示立體物件的場景,這是近乎零成本的升級;對設計師而言,產品頁的敘事手段裡從此多了一個不用請工程師寫場景程式碼的選項。
權限也可以被設計,而不是被彈窗決定
第二個變化更貼近一般使用者的體感。過去網頁要求地理位置或鏡頭權限時,瀏覽器直接彈出授權視窗;用戶一旦手滑按下拒絕,那個 API 就進入鎖死狀態,想恢復得鑽進瀏覽器深層設定裡翻找。這是一條設計上的死胡同:錯過一次詢問,就幾乎永遠錯過。
新標準推出了語意化的權限元素,例如 geolocation、camera、microphone,把「表達意圖、發出詢問、拿到 MediaStream」的整段生命週期交給標籤本身。核心創新在於權限恢復:用戶再次點擊頁面上的語意按鈕,瀏覽器會重新喚起授權流程。文章引述的數據是,傳統彈窗下被拒絕後的恢復率約只有一成,改用權限元素後躍升至六成五以上(Cisco 的實測數據)。
從介面設計的角度讀,這是把「詢問的時機」還給頁面設計者。彈窗是一種不由分說的打斷,語意按鈕則讓請求發生在用戶有動機的當下。授權成功率的差距,本質上是互動節奏的差距。
select 終於可以被打扮了
前端工程師苦 select 的樣式已久。過去十年,為了一個能自訂外觀的下拉選單,大家引入 Select2、React-Select、Downshift,或者用 div 加 ul 從零搭建一個「假 select」。這些方案體積大、無障礙支援參差、鍵盤導覽也不原生。2026 年,Chrome 與 Safari 相繼跟進,原生 select 全面擁抱自訂樣式體系:在 CSS 裡開啟 appearance: base-select,就能在 select 內嵌 button、selectedcontent 與複雜的 DOM 結構,用新的偽元素做精確控制。
拿掉了模擬庫之後,得到的東西比「好看」更多。原生下拉、原生無障礙、原生鍵盤導覽,這些是 div 偽裝不出來的品質。視覺自由度與行為可靠度第一次來自同一個元件,這對講究細節的介面設計是實質的解放。
內容的生成順序與展示順序,被允許不一致了
2026 年 5 月,Chrome 團隊發布了聲明式部分更新(Declarative Partial Updates)。它解決的問題非常具體:HTML 從來都是由上而下順序交付的,但現代網頁應用的內容生成順序和展示順序經常對不上。一個電商列表頁,商品資料可能比頁首 banner 更早備妥,卻受限於串流的順序,只能排在後面送達。聲明式的部分更新讓開發者標記好頁面區塊,瀏覽器負責把晚到的內容填進正確的位置。
這其實是一種排版觀念的修正。頁面的視覺階層由設計師決定,資料的抵達順序由後端決定,過去兩者被綁在同一條串流上,現在終於解耦。
底層語言的改版,也是一種設計
把這四項更新擺在一起看,會發現它們共享同一套設計哲學:把常用到的互動模式寫進平臺本身,讓開發者宣告意圖,而非組裝實作。這與我們先前觀察過的前端框架一週四場改版是同一股潮流的兩個層面,框架在比誰的敘事排得好,而 HTML 在把敘事的詞彙直接寫進字典。
十年來,網頁的表現力很大一部分是靠 JavaScript 函式庫「外掛」出來的;2026 年的這批更新,則是把那些被反覆證明過的需求,一個一個收回規格書裡。當 3D 模型、權限詢問、下拉選單、局部更新都成為一行標籤就能表達的東西,網頁開發的範式確實在換稿。對做介面的人來說,值得記住的判準很樸素:最好的設計,是最後被寫進語言本身的那一種。