文章主要介绍了State of HTML 2024调查报告的内容，包括从业者统计、HTML使用情况、其他工具和功能以及想法与总结等部分。报告调查了Web平台的现状，包括HTML、浏览器API、Web开发痛点、无障碍策略等。文章详细描述了不同方面的调查结果，如从业者地理分布、语言、薪资等，以及HTML的使用情况和开发者的态度。此外，还提到了其他工具如网站生成器、验证工具、效能分析工具等的流行程度。最后，文章总结了无障碍功能的重视程度、了解新功能的挑战、浏览器互操作性的改善以及Web平台的发展方向。
报告调查了Web平台的多个方面，包括HTML、浏览器API、Web开发痛点等。
调查结果显示参与者的地理分布、语言、年龄、工作年限等差异。
HTML的使用情况方面，浏览器相容性仍是主要障碍。现有功能问题以及无障碍功能也受到关注。开发者们渴望HTML能提供更丰富的原生UI元素，以减少对JavaScript的依赖。
文章提到了其他工具如网站生成器Next.js和Astro的受欢迎程度，以及验证工具、效能分析工具、网站分析工具的常用工具。
文章还讨论了关于无障碍功能的重视程度、了解新功能的挑战、浏览器互操作性的改善以及Web平台的发展方向等话题。
作者：@Sacha Greif
一、 State of HTML 2024 概述
这份报告调查了 Web 平台的现状，包括 HTML、浏览器 API、Web 开发痛点、无障碍策略、分析和性能工具等。来自世界各地的 20,904 名参与这份调查报告。
【第3413期】2024年CSS状态调查报告
二、从业者统计 地理分布：美国参与者最多，其次是德国、法国、英国。
语言：英语使用者占绝大多数，其次是俄语、德语、法语。
人口统计:
年龄：参与者平均年龄为 35 岁。
工作年限：平均工作年限为 12 年。
公司规模：各规模公司都有参与者，但大公司员工薪资更高。
薪资：全球前端开发人员的薪资水平差异很大，美国开发人员薪资普遍较高。
学历：拥有学位的参与者薪资更高，但学位不一定与编程相关。
性别：本次调查未发现性别之间存在显著的收入差异。
种族和民族：非白人参与者更可能更年轻，经验也更少。
残疾状况：认知障碍、视觉障碍和听力障碍是参与者中最常见的残疾类型。
三、HTML 使用情况 浏览器相容性 仍然是主要障碍，尤其在新功能方面。例如 Popover、锚点定位、多页面 View Transitions、
现有功能问题
缺失的元素 普遍认为 HTML 缺少一些常用的 UI 元素，导致需要用 JavaScript 来实现这些功能，增加了开发的复杂度。
以下列出受访者最希望 HTML 能新增的元素：
数据表 (Data Table)：具有排序、筛选等功能的数据表是网页中常见的元素，但目前 HTML 并没有原生支持。开发者通常需要使用 JavaScript 库或框架来实现这些功能。
标签页 (Tabs)：标签页也是一种常用的 UI 元素，用于在不同的内容面板之间切换。目前同样需要使用 JavaScript 来实现。
开关 (Switch/Toggle)：开关用于表示两种状态之间的切换，例如开 / 关、启用 / 禁用等等。
骨架屏 / 加载占位符 (Skeleton Screen/Loading Placeholder)：在页面加载过程中，骨架屏可以提供一个视觉化的佔位符，提升用户体验。
上下文菜单 / 右键菜单 (Context Menu/Right-Click Menu)：上下文菜单提供与特定元素相关的操作选项，通常通过右键点击触发。
除了以上列出的元素，受访者还提到了其他一些希望新增的元素，例如：
轮播图 (Carousel)
无限滚动 (Infinite Scroll)
手风琴 (Accordion)
图片缩放 (Image Zoom)
分段按钮 (Segmented Button)
调查结果显示，开发者们渴望 HTML 能提供更丰富的原生 UI 元素，以减少对 JavaScript 的依赖，简化开发流程，并提升网页的性能和可访问性。
HTML/CSS 与 JavaScript/TypeScript 的平衡 大部分受访者表示花费在 JavaScript (或 TypeScript) 的时间比 HTML/CSS 多。平均分配比例为 5:4.6，即 53% 的时间用于 JavaScript，47% 用于 HTML/CSS。
在使用频率和开发者态度方面的差异 最常用的特性
语义化标签 (Landmark elements)：例如
最不常用的特性
Isolated Web Apps：这项功能的使用率最低，仅有 1.3%。Isolated Web Apps 允许开发者创建与主网页隔离的应用，但由于其应用场景相对有限，因此使用率较低。
【早阅】使用isolated-vm构建一个类似 LeetCode 的代码评测器
最受欢迎的特性
最不受欢迎的特性
四、其他工具和功能 网站生成器 Next.js 和 Astro 是最受欢迎的网站生成器，分别有 23% 和 13% 的受访者使用。它们都支持静态和动态渲染，为开发者提供了灵活性。
其他常用的网站生成器包括 Gatsby、VitePress、Hugo 和 Eleventy。
【第3286期】Next.js SEO：如何使用 Next 构建高性能应用程序
验证工具 浏览器内建的验证工具 是最常用的验证工具，有 33% 的受访者使用。
W3C 验证器 也有 8% 的使用率。
其他常用的验证工具包括 ESLint 和 Prettier。
效能分析工具 Lighthouse 和浏览器开发者工具 是最受欢迎的效能分析工具，分别有 52% 和 47% 的受访者使用。这显示出多功能工具比专用工具更受欢迎。
其他常用的效能分析工具包括 PageSpeed Insights、WebPageTest 和 Pingdom。
网站分析工具 Google Analytics 仍然是最常用的网站分析工具，有 32% 的受访者使用。
但注重私隐的替代方案，例如 Plausible 和 Fathom，也越来越受欢迎。
其他常用的网站分析工具包括 Matomo、Datadog 和 New Relic。
浏览器 Chrome 和 Firefox 是开发者在初始开发阶段主要使用的浏览器，分别有 50% 和 39% 的受访者使用。
其他常用的浏览器包括 Safari、Edge、Safari iOS 和 Chrome Android。
一些新兴的浏览器，例如 Arc、Brave 和 Zen，以及面向开发者的浏览器，例如 Polypane，也开始受到关注。
五、想法与总结 无障碍功能的重视程度 大多数受访者认同无障碍功能在职场中受到重视。68% 的受访者表示同意或非常同意 “无障碍功能在我的职场或专业环境中受到重视” 的说法。
尽管这可能存在一定程度的自我选择偏差，但无障碍倡导者的努力也为此做出了巨大贡献。
了解新功能的挑战 新功能固然重要，但前提是开发者必须了解它们是什么以及如何使用。
大多数受访者每天都面临着这个挑战，69% 的受访者表示同意或非常同意 “了解新的 Web 平台功能是一个挑战” 的说法。
浏览器互操作性的改善 浏览器互操作性一直是 Web 开发的主要难题，但情况似乎终于有所改善。
69% 的受访者表示同意或非常同意 “浏览器互操作性不足是 Web 开发的主要障碍” 的说法，但平均同意程度为 2.3 分（5 分制），显示出情况正在好转。
随着时间推移，观察这个指标的变化趋势将会很有趣。
Web 平台的发展方向 开发者对 Web 平台的未来充满希望，这一点在今年的数据中得到了体现。
69% 的受访者表示同意或非常同意 “总体而言，Web 平台正朝着正确的方向发展” 的说法，平均同意程度为 3 分（5 分制），显示出较高的积极情绪。
HTML 的未来展望 HTML 不断发展，并将继续演进。
随着 HTML 优先架构越来越受欢迎，我们正获得以正确方式构建它们的能力。
构建高性能、无障碍和互动式 HTML 优先 UI 变得越来越容易，这使得我们可以将 JavaScript 的使用减少到真正需要的地方，并让 Web 服务器和浏览器以它们应有的方式进行通信：使用 HTML！
然而，新的问题领域层出不穷，平台需要不断满足新的需求。
😀 每天只需花五分钟即可阅读到的技术资讯，加入【早阅】共学群，可联系 vx：zhgb_f2er
5 分钟技术新知：了解技术资讯的一种方式。
🚀可直接通过阅读原文了解详细内容。
