剛剛發布了有史以來第一次 HTML 狀態調查的結果，這是我和 Lea Verou 以及許多志愿者在翻譯、無障礙、測試等方面幫助的數月努力的成果。

可以毫不夸張地說，這次調查非常成功，有超過20,000名受訪者參與回答多達90個問題！我們希望所得到的數據將成為未來數年內網絡開發社區的寶貴資源。

不是每個人都有時間去詳細解讀成堆的統計數據和數據可視化。所以如果你正是這樣的人，這里有一個快速回顧調查中一些最有趣的發現。

最受歡迎的標簽 Datalist

今年調查的一個關鍵創新是允許受訪者不僅能夠指定他們對某個功能的經驗（例如“使用過它”，“聽說過它”，“從未聽說過它”），還能表達他們的情感，換句話說，他們是感到高興/不高興，感興趣/不感興趣等。

在積極情感方面排名第一的功能是 datalist，有55.4%的正面反饋和僅3.9%的負面反饋（其余為中性）：

Datalist 是一個并不新的元素（大約在 2019 年開始被瀏覽器廣泛支持），它可以讓你創建一個無需任何 JavaScript 的自動完成/類型提前組件。雖然它可能沒有典型的 JavaScript 實現那樣靈活，但它仍然非常方便——并且更容易做對！

其他受歡迎的功能包括新近成為基線的 Popover API 和其表親元素 dialog，它們與 datalist 類似，模擬了開發者長期依賴 JavaScript 的功能。

換句話說，盡管我們許多人在過去十年中接受了 JavaScript 前端框架，但說到底，我們還是更愿意讓瀏覽器來處理這些事情！

最討厭的標簽 Form相關

盡管受訪者對許多 Web API 表達了喜愛，但在對于Form 相關 的標簽他們公開表示不滿。

我們詢問了受訪者關于 HTML 表單標簽的痛點，這個問題收集了超過11,000條回應：

那么人們為什么這么生氣呢？排在第一位的是有超過3,600條評論的樣式問題，或者說是缺乏樣式問題。特別是select元素經常是問題的根源，這對于這樣一個無處不在的 UI 元素來說是有道理的——這也是為什么目前有一個提議在制定中，關于一個新的、更易于樣式化的替代品。

除了樣式問題，受訪者還分享了他們對其他表單輸入元素的各種不滿，其中首當其沖的是<input type="date" />。正如一位受訪者提到的，“日期輸入實際上并不實用，也不完全可訪問”。

驗證也是一個大問題，特別是在嘗試執行更高級的任務時，例如根據另一個字段的值有條件地驗證一個字段。

值得指出的是，當被問及因瀏覽器差異或缺乏支持而無法使用的現有 HTML 功能或瀏覽器 API 時，表單輸入元素也名列前茅，同樣在因其他原因無法使用的功能時也是如此。

存在感低的 Web Components

在 Web Components 方面，開發者社區大致分為三個陣營：

• 第一陣營：認為它們是下一個大事件，并且認為它們將在不久的將來占領整個行業，你就等著瞧吧！
• 第二陣營：則認為這是一個注定失敗的舉措，特別是當前端框架已經提供了所有相同的功能甚至更多時
• 第三陣營：一直在適當的時候偶爾使用 Web Components ，并且大多保持低調

公平地說，第二陣營在調查中得到了很好的代表，許多人抱怨 Web Components 與 React、Vue 以及其他框架缺乏互操作性；甚至質疑它們的必要性。而在情緒最負面的前五大功能中，有三個也與 Web Components 相關。

在那些確實使用 Web Components 的人中，樣式和定制再次成為大問題，表明我們可能希望有更多現成的解決方案；但我們仍然希望能夠根據我們的需求調整它們。

然而，與 Web 平臺的其他部分一樣，Web Components 也在不斷進化。在它們的時代到來之前，只在特定情況下使用它們是完全可以接受的。

備受期待的標簽

受訪者被問到如果他們可以自由選擇添加什么元素到 HTML 中，前三名答案分別是 Datatables（具有排序、過濾等控件的表格）、Tabs（標簽頁）以及 Switches（開關/切換按鈕）。

這很有趣，因為這三種組件在靜態網站中相對罕見（盡管暗黑模式的切換按鈕正在流行起來），但在任何類型的儀表板或應用中都非常常見。

這反映了文檔與應用之間自古以來的二分法，雖然我們早已超越了認為 HTML 僅適用于描述靜態內容的觀念，但這些元素仍然缺失表明我們還沒有完全將 HTML 當作以應用為中心的平臺接受。

參考鏈接：https://frontendmasters.com/blog/state-of-html-2023-results-2/