HTML 全球調(diào)研結(jié)果公布！最受歡迎的標(biāo)簽?zāi)悴率悄膫€？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

存在感低的 Web Components

在 Web Components 方面，開發(fā)者社區(qū)大致分為三個陣營

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

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

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

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

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

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

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

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

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

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

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