跳到内容

State of HTML 2023

使用情况

您如何使用 HTML。

浏览器互操作性

0%
18%
35%
53%
70%
88%
1

2

3

4

5

<input type="date">

6

Safari issues

7

8

9

Firefox issues

10

0%
18%
35%
53%
70%
88%
受访者百分比
1,930
9%
由于浏览器差异或缺乏支持，您无法使用哪些现有 HTML 功能或浏览器 API？
(自由提问)

功能有限

您经常需要使用 JS 来重新创建或增强的现有 HTML 功能就是很好的候选。

还请说明原因，如缺乏功能、样式设计困难、可访问性差等。

0%
17%
34%
51%
68%
85%
1

<input type="date">

2

3

<select>

4

Form inputs

5

<input type="checkbox">

6

7

8

<select multiple>

9

Dropdown menus

10

0%
17%
34%
51%
68%
85%
受访者百分比
1,166
6%
由于其他原因，您无法使用哪些现有的 HTML 功能或浏览器 API？
(自由提问)

缺失的元素

0%
11%
21%
32%
43%
53%
1

数据表（带排序、筛选等功能）

6,400
2

选项卡（Tabs）

4,681
3

开关（Switch / Toggle）

3,700
4

骨架屏/加载占位符

3,621
5

上下文菜单/右键菜单

3,578
6

轮播图（Carousel）

3,147
7

无限滚动

3,096
8

手风琴（Accordion）

2,370
9

图片缩放

1,460
10

分段按钮（Segmented Button）

793
0%
11%
21%
32%
43%
53%
受访者百分比
12,038
58%
如果可以在 HTML 中添加 3 个元素，它们是什么？

生态影响

如果您参与的多个项目都被其他开发人员使用，则一起算上。 如果您不确定，请选择最接近您的最佳估计值。 对于开源代码，npm 下载量可能是一个有用的数据参考点。

0%
10%
20%
30%
40%
50%
1

其他几名开发人员（如小型团队中的开发人员）

6,217
2

不到一千名开发者

1,447
3

数千名开发者

489
4

数百万名开发者

152
5

🚫 没有（只有我）

4,071
0%
10%
20%
30%
40%
50%
受访者百分比
12,376
59%
除了您自己，还有多少开发人员使用您创建或维护的库、软件包、组件、应用程序接口等？

HTML/CSS 与 JavaScript/TypeScript 之间的平衡

0%
6%
12%
18%
24%
30%
1

100% HTML/CSS

154
2

1

599
3

2

1,141
4

3

958
5

50%–50%

2,073
6

5

1,663
7

6

3,759
8

7

2,025
9

100% JS

189
0%
6%
12%
18%
24%
30%
受访者百分比
12,561
60%
4.8
5
您如何分配编写 HTML/CSS 和 JavaScript（或 TypeScript）代码的时间？

HTML 使用情况

0%
17%
35%
52%
69%
86%
1

网络应用

10,843
2

博客或其他文本密集型网站

6,976
3

营销网站和登录页

6,250
4

设计系统

4,727
5

电子邮件

4,291
6

移动应用程序

2,698
7

桌面应用

2,610
8

印刷文件

1,878
9

E-Commerce sites

10

Video games

11

Browser Extensions

12

无

58
13

其他答案

316
0%
17%
35%
52%
69%
86%
受访者百分比
12,553
60%
What do you use HTML for?

行业

0%
7%
14%
21%
28%
35%
1

编程和技术工具

4,158
2

咨询服务

2,275
3

电子商务与零售

2,059
4

教育

1,667
5

营销/销售/分析工具

1,356
6

金融

1,328
7

娱乐

1,155
8

新闻、媒体和博客

998
9

卫生保健

945
10

政府

819
0%
7%
14%
21%
28%
35%
受访者百分比
11,758
56%
你在哪个行业工作？
💡
科学证明，在Twitter、Facebook或电子邮件上分享这项调查， 可以让你的 JavaScript 性能提高15%。

资源推荐

Frontend Masters

Frontend Masters

Advance Your Skills with In-Depth, Modern Front-End Engineering Courses
感谢合作伙伴对我们的支持! 了解更多。