HTML 全球调研结果公布！最受欢迎的标签你猜是哪个？

可以毫不夸张地说，这次调查非常成功，有超过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/