可以毫不夸張地說(shuō)，這次調(diào)查非常成功，有超過(guò)20,000名受訪者參與回答多達(dá)90個(gè)問(wèn)題！我們希望所得到的數(shù)據(jù)將成為未來(lái)數(shù)年內(nèi)網(wǎng)絡(luò)開(kāi)發(fā)社區(qū)的寶貴資源

不是每個(gè)人都有時(shí)間去詳細(xì)解讀成堆的統(tǒng)計(jì)數(shù)據(jù)和數(shù)據(jù)可視化。所以如果你正是這樣的人，這里有一個(gè)快速回顧調(diào)查中一些最有趣的發(fā)現(xiàn)

最受歡迎的標(biāo)簽 Datalist

今年調(diào)查的一個(gè)關(guān)鍵創(chuàng)新是允許受訪者不僅能夠指定他們對(duì)某個(gè)功能的經(jīng)驗(yàn)（例如“使用過(guò)它”，“聽(tīng)說(shuō)過(guò)它”，“從未聽(tīng)說(shuō)過(guò)它”），還能表達(dá)他們的情感，換句話說(shuō)，他們是感到高興/不高興，感興趣/不感興趣等。

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

Datalist 是一個(gè)并不新的元素（大約在 2019 年開(kāi)始被瀏覽器廣泛支持），它可以讓你創(chuàng)建一個(gè)無(wú)需任何 JavaScript 的自動(dòng)完成/類(lèi)型提前組件。雖然它可能沒(méi)有典型的 JavaScript 實(shí)現(xiàn)那樣靈活，但它仍然非常方便——并且更容易做對(duì)！

其他受歡迎的功能包括新近成為基線的 Popover API 和其表親元素 dialog，它們與 datalist 類(lèi)似，模擬了開(kāi)發(fā)者長(zhǎng)期依賴(lài) JavaScript 的功能

換句話說(shuō)，盡管我們?cè)S多人在過(guò)去十年中接受了 JavaScript 前端框架，但說(shuō)到底，我們還是更愿意讓瀏覽器來(lái)處理這些事情！

最討厭的標(biāo)簽 Form相關(guān)

盡管受訪者對(duì)許多 Web API 表達(dá)了喜愛(ài)，但在對(duì)于Form 相關(guān) 的標(biāo)簽他們公開(kāi)表示不滿。

我們?cè)儐?wèn)了受訪者關(guān)于 HTML 表單標(biāo)簽的痛點(diǎn)，這個(gè)問(wèn)題收集了超過(guò)11,000條回應(yīng)

那么人們?yōu)槭裁催@么生氣呢？排在第一位的是有超過(guò)3,600條評(píng)論的樣式問(wèn)題，或者說(shuō)是缺乏樣式問(wèn)題。特別是select元素經(jīng)常是問(wèn)題的根源，這對(duì)于這樣一個(gè)無(wú)處不在的 UI 元素來(lái)說(shuō)是有道理的——這也是為什么目前有一個(gè)提議在制定中，關(guān)于一個(gè)新的、更易于樣式化的替代品。

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

驗(yàn)證也是一個(gè)大問(wèn)題，特別是在嘗試執(zhí)行更高級(jí)的任務(wù)時(shí)，例如根據(jù)另一個(gè)字段的值有條件地驗(yàn)證一個(gè)字段。

值得指出的是，當(dāng)被問(wèn)及因?yàn)g覽器差異或缺乏支持而無(wú)法使用的現(xiàn)有 HTML 功能或?yàn)g覽器 API 時(shí)，表單輸入元素也名列前茅，同樣在因其他原因無(wú)法使用的功能時(shí)也是如此

存在感低的 Web Components

在 Web Components 方面，開(kāi)發(fā)者社區(qū)大致分為三個(gè)陣營(yíng)

• 第一陣營(yíng)：認(rèn)為它們是下一個(gè)大事件，并且認(rèn)為它們將在不久的將來(lái)占領(lǐng)整個(gè)行業(yè)，你就等著瞧吧！

• 第二陣營(yíng)：則認(rèn)為這是一個(gè)注定失敗的舉措，特別是當(dāng)前端框架已經(jīng)提供了所有相同的功能甚至更多時(shí)

• 第三陣營(yíng)：一直在適當(dāng)?shù)臅r(shí)候偶爾使用 Web Components ，并且大多保持低調(diào)

公平地說(shuō)，第二陣營(yíng)在調(diào)查中得到了很好的代表，許多人抱怨 Web Components 與 React、Vue 以及其他框架缺乏互操作性；甚至質(zhì)疑它們的必要性。而在情緒最負(fù)面的前五大功能中，有三個(gè)也與 Web Components 相關(guān)

在那些確實(shí)使用 Web Components 的人中，樣式和定制再次成為大問(wèn)題，表明我們可能希望有更多現(xiàn)成的解決方案；但我們?nèi)匀幌Ｍ軌蚋鶕?jù)我們的需求調(diào)整它們

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

備受期待的標(biāo)簽

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

這很有趣，因?yàn)檫@三種組件在靜態(tài)網(wǎng)站中相對(duì)罕見(jiàn)（盡管暗黑模式的切換按鈕正在流行起來(lái)），但在任何類(lèi)型的儀表板或應(yīng)用中都非常常見(jiàn)

這反映了文檔與應(yīng)用之間自古以來(lái)的二分法，雖然我們?cè)缫殉搅苏J(rèn)為 HTML 僅適用于描述靜態(tài)內(nèi)容的觀念，但這些元素仍然缺失表明我們還沒(méi)有完全將 HTML 當(dāng)作以應(yīng)用為中心的平臺(tái)接受

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