當前位置：首頁 > 科技 > 軟件

HTML 全球調研結果公布！最受歡迎的標簽你猜是哪個？

來源：責編：時間：2024-06-12 17:30:16 234觀看

導讀剛剛發(fā)布了有史以來第一次 HTML 狀態(tài)調查的結果，這是我和 Lea Verou 以及許多志愿者在翻譯、無障礙、測試等方面幫助的數(shù)月努力的成果。可以毫不夸張地說，這次調查非常成功，有超過20,000名受訪者參與回答多達90個問題！我

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

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

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

最受歡迎的標簽 Datalist

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

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

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

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

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

最討厭的標簽 Form相關

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

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

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

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

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

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

存在感低的 Web Components

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

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

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

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

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

備受期待的標簽

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

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

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

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

本文鏈接：http://m.www897cc.com/showinfo-26-93359-0.htmlHTML 全球調研結果公布！最受歡迎的標簽你猜是哪個？

聲明：本網(wǎng)頁內容旨在傳播知識，若有侵權等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。郵件：2376512515@qq.com

上一篇： C++性能優(yōu)化指南：讓你的程序飛起來！

下一篇：防止接口被刷的八種方式

標簽：

熱門焦點

Redmi Pad評測：紅米充滿野心的一次嘗試

從Note系列到K系列，從藍牙耳機到筆記本電腦，紅米不知不覺之間也已經(jīng)形成了自己頗有競爭力的產(chǎn)品體系，在中端和次旗艦市場上甚至要比小米新機的表現(xiàn)來得更好，正所謂“大丈夫生居
vivo TWS Air開箱體驗：真輕臻好聽

在vivo S15系列新機的發(fā)布會上，vivo的最新款真無線藍牙耳機vivo TWS Air也一同發(fā)布，本次就這款耳機新品給大家?guī)硪粋€簡單的分享。外包裝盒上，vivo TWS Air保持了vivo自家產(chǎn)
6月安卓手機性能榜：vivo/iQOO霸占旗艦排行榜前三

2023年上半年已經(jīng)正式過去了，我們也迎來了安兔兔V10版本，在新的驍龍8Gen3和天璣9300發(fā)布之前，性能榜的榜單大體會以驍龍8Gen2和天璣9200+為主，至于那顆3.36GHz的驍龍8Gen2領先
Rust中的高吞吐量流處理

作者 | Noz編譯 | 王瑞平本篇文章主要介紹了Rust中流處理的概念、方法和優(yōu)化。作者不僅介紹了流處理的基本概念以及Rust中常用的流處理庫，還使用這些庫實現(xiàn)了一個流處理程序
三言兩語說透柯里化和反柯里化

JavaScript中的柯里化(Currying)和反柯里化(Uncurrying)是兩種很有用的技術，可以幫助我們寫出更加優(yōu)雅、泛用的函數(shù)。本文將首先介紹柯里化和反柯里化的概念、實現(xiàn)原理和應用
一個注解實現(xiàn)接口冪等，這樣才優(yōu)雅！

場景碼猿慢病云管理系統(tǒng)中其實高并發(fā)的場景不是很多，沒有必要每個接口都去考慮并發(fā)高的場景，比如添加住院患者的這個接口，具體的業(yè)務代碼就不貼了，業(yè)務偽代碼如下：圖片上述代碼有
得物寵物生意「狂飆」，發(fā)力“它經(jīng)濟”

作者｜花花小萌主近日，得物宣布正式上線寵物鑒別，通過得物App內的“在線鑒別”，可找到鑒別寵物的選項。通過上傳自家寵物的部位細節(jié)，就能收獲擁有專業(yè)資質認證的得物鑒
當家的盒馬，加速謀生

來源 | 價值星球Planet作者 | 歸去來自己“當家”的盒馬，開始加速謀生了。據(jù)盒馬官微消息，盒馬計劃今年開放生鮮供應鏈，將其生鮮商品送往食堂。目前，盒馬在上海已經(jīng)與
“買真退假” 這種“羊毛”不能薅

□ 法治日報記者王春　　□ 本報通訊員胡佳麗　　2020年初，還在上大學的小東加入了一個大學生兼職QQ群。群主“七王”在群里介紹一些刷單賺

日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不