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

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

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

導讀剛剛發(fā)布了有史以來第一次 HTML 狀態(tài)調(diào)查的結(jié)果，這是我和 Lea Verou 以及許多志愿者在翻譯、無障礙、測試等方面幫助的數(shù)月努力的成果?？梢院敛豢鋸埖卣f，這次調(diào)查非常成功，有超過20,000名受訪者參與回答多達90個問題！我

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

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

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

最受歡迎的標簽 Datalist

今年調(diào)查的一個關(guān)鍵創(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相關(guān)

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

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

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

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

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

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

存在感低的 Web Components

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

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

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

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

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

備受期待的標簽

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

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

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

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

本文鏈接：http://www.www897cc.com/showinfo-26-93359-0.htmlHTML 全球調(diào)研結(jié)果公布！最受歡迎的標簽?zāi)悴率悄膫€？

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

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

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

標簽：

熱門焦點

一加Ace2 Pro真機揭曉鈦空灰配色質(zhì)感拉滿

終于，在經(jīng)過了幾波預熱之后，一加Ace2 Pro的外觀真機圖在網(wǎng)上出現(xiàn)了。還是博主數(shù)碼閑聊站曝光的，這次的外觀設(shè)計還是延續(xù)了一加11的方案，只是細節(jié)上有了調(diào)整，例如新加入了鈦空灰
線程通訊的三種方法！通俗易懂

線程通信是指多個線程之間通過某種機制進行協(xié)調(diào)和交互，例如，線程等待和通知機制就是線程通訊的主要手段之一。在 Java 中，線程等待和通知的實現(xiàn)手段有以下幾種方式：Object 類下
從零到英雄：高并發(fā)與性能優(yōu)化的神奇之旅

作者 | 波哥審校 | 重樓作為公司的架構(gòu)師或者程序員，你是否曾經(jīng)為公司的系統(tǒng)在面對高并發(fā)和性能瓶頸時感到手足無措或者焦頭爛額呢？筆者在出道那會為此是吃盡了苦頭的，不過也得
WebRTC.Net庫開發(fā)進階，教你實現(xiàn)屏幕共享和多路復用！

WebRTC.Net庫：讓你的應(yīng)用更親民友好，實現(xiàn)視頻通話無痛接入！除了基本用法外，還有一些進階用法可以更好地利用該庫。自定義 STUN/TURN 服務(wù)器配置WebRTC.Net 默認使用 Google 的
ESG的面子與里子

來源 | 光子星球撰文 | 吳坤諺編輯 | 吳先之三伏大幕拉起，各地高溫預警不絕，但處于厄爾尼諾大“烤”之下的除了眾生，還有各大企業(yè)發(fā)布的ESG報告。ESG是“環(huán)境保
東方甄選單飛：有些鳥注定是關(guān)不住的

文/彭寬鴻編輯/羅卿東方甄選創(chuàng)始人俞敏洪帶隊的“7天甘肅行”直播活動已在近日順利收官。成立后一年多時間里，東方甄選要脫離抖音自立門戶的傳聞不絕于耳，“7
馮提莫簽約抖音公會前“斗魚一姐”消失在直播間

來源：直播觀察提起“馮提莫”這個名字，很多網(wǎng)友或許聽過，但應(yīng)該不記得她是哪位主播了。其實，作為曾經(jīng)的“斗魚一姐”，馮提莫在游戲直播的年代影響力不輸于現(xiàn)
到手價3099元起！iQOO Neo8 Pro今日首銷：安卓性能最強旗艦

5月23日，iQOO如期舉行了新品發(fā)布會，全新的iQOO Neo8系列也正式與大家見面，包含iQOO Neo8和iQOO Neo8 Pro兩個版本，其中標準版搭載高通驍龍8+，而Pro版更
Meta盲目擴張致超萬人被裁，重金押注元宇宙而前景未明

圖片來源：圖蟲創(chuàng)意日前，Meta創(chuàng)始人兼CEO 馬克·扎克伯發(fā)布公開信，宣布Meta計劃裁員超11000人，占其員工總數(shù)13%。他公開承認了自己的預判失誤：“不僅

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