-
Notifications
You must be signed in to change notification settings - Fork 4
/
html2023.yml
153 lines (103 loc) · 8.45 KB
/
html2023.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
locale: zh-Hans
translations:
###########################################################################
# General
###########################################################################
- key: general.results.description
t: 2023年 版本的 HTML 生态最新趋势的年度调查。
- key: introduction.html2023
t: >
在 JavaScript 统治 Web、CSS 年年获得新功能的同时，HTML 似乎心甘情愿地保持沉默，把舞台中心让给它的年轻兄弟姐妹。毕竟，一旦
你掌握了 `<div>` 和 `<h>`1 到 6，还有什么值得了解的呢？
其实，还是有很多东西值得探索！我们再次邀请了 [Lea Verou](https://lea.verou.me/) 来发挥她对 Web 平台的深厚知识，帮助我们设计了一项调查，这项调查不仅涵盖了纯粹的 HTML，还涉及了可访问性、Web 组件等等。
这也部分解释了为什么这份报告花了这么久才发布——有太多的新数据需要处理！希望你会发现等待是值得的。
除了这里包含的数据外，我们还改进了**图表定制**功能，让你可以更大程度地定制每个数据可视化。如果你在此过程中发现了有趣的见解，请务必告诉我们！
你可以在[这篇文章](https://dev.to/sachagreif/discover-the-state-of-html-2023-survey-results-n10)中了解更多，或者观看一个[快速的YouTube视频](https://www.youtube.com/watch?v=G-rFwp2zUT4)。
现在，欢迎来到首次 HTML 状态调查的结果。看完之后，我敢打赌你不会再以同样的方式看待 HTML 了！
###########################################################################
# Tshirt
###########################################################################
- key: sections.tshirt.title
t: T恤
- key: sections.tshirt.description
t: |
## 用 HTML 状态T恤支持调查
你是否怀念 90 年代中期的好时光，那时 HTML 是王者，VHS 磁带封面上有着未来感十足、色彩丰富的艺术作品？
坏消息是，即使有2024年的技术，你也无法回到过去重温那些辉煌的日子。
但你*可以*穿上这件由才华横溢的 Christopher Kirk-Nielsen 设计的原版复古T恤。
- key: tshirt.about
t: 关于T恤
- key: tshirt.description
t: |
我们使用高质量、超柔软的三合一面料，修身款，由我们的合作伙伴 Cotton Bureau 印制。
- key: tshirt.getit
t: 购买
- key: tshirt.price
t: 美元 $32 + 运费
- key: tshirt.designer.heading
t: 关于设计师
- key: tshirt.designer.name
t: Christopher Kirk-Nielsen
- key: tshirt.designer.bio
t: |
Chris 原籍法国，现在居住在美国，不仅是一位出色的前端开发人员，还是一位擅长复古视觉的才华横溢的插画家。
事实上，我们鼓励你也看看他的[其他T恤设计](https://chriskirknielsen.com/designs)！
###########################################################################
# Sections Introductions
###########################################################################
- key: sections.user_info.description.html2023
t: |
欢迎查看 HTML 状态调查结果。这是首次调查，共有**20,904**名来自世界各地的参与者。
- key: sections.features.description.html2023
t: |
HTML 特性和其他浏览器 API
###########################################################################
# Other Content
###########################################################################
- key: features.all_features.description
t: |
该图表总结了调查中所有特性问题。主条代表了受访者的经验；然后根据受访者的情感进一步细分。你可以切换分组在两者之间切换。
请注意，你还可以在每个特性子部分中找到相同数据的更具体细分。
###########################################################################
# Sponsors
###########################################################################
- key: sponsors.frontendmasters.description
t: 通过深入的现代前端工程课程提升你的技能。
- key: sponsors.google_chrome.description
t: 感谢 Google Chrome 团队对我们工作的支持。
- key: sponsors.tokyodev.description
t: 今天就在日本找到你的理想开发者工作。
- key: sponsors.renderatl.description
t: 以前端工程为重点的技术会议。
###########################################################################
# Conclusion
###########################################################################
- key: conclusion.html2023.lea_verou.bio
t: W3C 技术架构组成员和 MIT CSAIL 研究员
- key: conclusion.html2023.lea_verou
t: >
*呼！* 这项调查汇集了来自六大洲数十人的巨大努力。不仅创下了“State of...”调查首次亮相的最多回应记录，其数据收集界面开创了创新，使我们能够前所未有地了解开发人员的态度，并将产生深远的影响。
一些人认为改进 HTML 是徒劳的，但调查结果明确表明并非如此。**开发人员渴望更多交互式 HTML 元素**：不仅像 `<datalist>` 或 Popover API 这样的交互元素在所有类别中积累了最多的积极评价，而且所有最受期待的[缺失元素](https://2023.stateofhtml.com/en-US/usage/#html_missing_elements)都是交互式小部件。
然而，**通过提供预设功能让简单的事情变得容易**已经不够了。必须通过支持全面定制来使复杂的事情变得可能：尤其是在**样式**方面，定制性不足是最大的痛点。
因此，表单元素也成为[最常被重新创建](https://2023.stateofhtml.com/en-US/usage/#html_functionality_features)的元素；这导致了开发人员和终端用户都受苦。幸运的是，有许多新举措在改善这一点，所以未来看起来很光明。
另一个大的需求是可扩展性。如果只有标准机构有权扩展HTML，这是不可持续的；此外，通用元素无法满足多样化的需求。不幸的是，尽管**Web 组件 API**（尤其是 Shadow DOM ）被广泛使用，但在满足开发人员需求和提供流畅的开发体验方面似乎有所欠缺，因为它们在调查中名列最差体验之首。不过，正在进行的相关工作（其中一些我也参与了）让我感到希望，尽管这是一条崎岖的道路，但它们正在逐步实现其全部潜力。
最后一点：重要的是要记住，这项调查只是开发人员观点的一个快照，反映了当时网络平台的状态。然而，这些调查的主要目标之一是通过更好地了解开发人员的需求来改善现状。今天的痛点有多少将在明天得到解决？今年晚些时候加入我们的第二次调查，一起找出答案吧！
###########################################################################
# About
###########################################################################
- key: about.content
t: |
2023年HTML状态调查从2023年9月19日到10月19日进行，共收集了20,904份响应。
调查设计工作由 [Lea Verou](https://lea.verou.me/) 领导，得到了 Google 的资助。Lea 还监督了新 UI 数据收集元素的原型设计、测试和实施；参与了数据处理；并帮助进行数据可视化。
调查基础设施由 [Sacha Greif](https://sachagreif.com/) 和 [Eric Burel](https://www.lbke.fr/) 运行，并得到了开源贡献者和顾问团队的帮助。
今年的标志和T恤由 [Christopher Kirk-Nielsen](http://chriskirknielsen.com/) 设计。
### 调查目标
该调查旨在识别网络开发生态系统中的新兴趋势，以帮助开发者做出技术选择。
因此，调查的重点是预测未来几年内的发展，而不是分析当前流行的趋势，这也是为什么目前最广泛使用的功能或技术并不总是包含在内。
它也应被视为**特定开发者子集的快照**，并不旨在代表整个生态系统。
该调查是在线公开访问的，受访者没有经过任何筛选或选择。
### 项目资金
本项目的资金来自多种来源：
- **T恤销售**。
- **赞助链接**：每页底部推荐资源的链接由我们的合作伙伴[Frontend Masters](https://frontendmasters.com/)提供。
- **其他资金**：[Google](https://www.google.com/)和[TokyoDev](https://www.tokyodev.com/)也资助了这项