html2024.yml

locale: zh-Hans
translations:
  ###########################################################################
  # General
  ###########################################################################

  - key: general.results.description
    t: 2024 关于 HTML 生态系统最新趋势的年度调查。

  - key: general.html2024.survey_intro
    t: |

      HTML 是最初的 Web 技术，三十年后它依然与时俱进，这着实令人惊叹。

      尽管名为 HTML 调查，但实际上我们的范围远不止于此，而是涵盖了整个 Web 平台的所有领域——内容之丰富，**不胜枚举**！

      因此，设计这样一份调查问卷难免需要做出一些取舍。今年，我们决定聚焦于新兴和即将到来的功能，以帮助您紧跟潮流；同时也关注浏览器厂商最感兴趣的领域。

      这意味着您的回答可能会直接影响到您正在使用的浏览器的未来发展路线图。正因如此，我非常高兴能够开启这第二届 HTML 现状调查！

  - key: features.features_intro_html2024
    t: |
      欢迎参与本次调查！第一部分主要是分享您对各种 Web 平台功能的使用经验：


      - **从未听说**：这是您首次接触到该功能，或者虽然听说过但完全不了解其作用。

      - **听说过**：您读到过或学习过这个功能，但还没有实际使用过。

      - **使用过**：您至少使用过一次这个功能，哪怕只是尝鲜。


      顺便说一下，如果您想就任何选择提供更多意见，只需点击那个小小的"评论"图标即可！

  ###########################################################################
  # Introduction
  ###########################################################################

  - key: introduction.html2024
    t: |
      <span class="first-letter">C</span>SS 正经历着前所未有的进步。从 `:has()` 到容器查询，再到子网格等等，新功能似乎每个月都在涌入浏览器。

      这种快速增长的结果是，事情可能会变得有点令人不知所措。幸运的是，今年我们邀请到了 [Chen Hui Jing](https://chenhuijing.com/) 来协助设计调查问卷，引导我们穿越 CSS 丛林。

      说到调查问卷，您知道浏览器厂商会将其数据作为 [互操作性（Interop）](https://web.dev/interop-2023/) 倡议的一部分，来帮助确定下一步要优先处理哪些功能吗？

      最后，我们今年还推出了一项新功能：可以使用自定义数据筛选器来**定制图表**。我们很期待看到您能发现什么样的新见解！

      <span class="conclusion__byline">—— Sacha Greif</span>

  ###########################################################################
  # Tshirt
  ###########################################################################

  - key: sections.tshirt.title
    t: T-shirt

  - key: sections.tshirt.description
    t: |
      ## 通过购买 HTML 现状 T 恤支持本次调查

      您是否怀念 90 年代中期那个美好的年代，HTML 称霸天下，VHS 录像带封面上尽是充满未来感的绚丽艺术？

      坏消息是，即便到了 2024 年，科技依然无法让您穿越时空重温那段辉煌岁月。但是，您*可以*穿上这件酷炫的复古 T 恤，它由才华横溢的 Christopher Kirk-Nielsen 精心设计。

  - 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.html2024
    t: |
      欢迎查看 HTML 现状调查结果。这份首次发布的调查吸引了来自世界各地的 **20,904** 名参与者。

  - key: sections.features.description.html2024
    t: |
      HTML 功能和其他浏览器 API

  ###########################################################################
  # Other Content
  ###########################################################################

  - key: features.all_features
    t: 所有功能
  - key: features.all_features.description
    t: |
      这张图表概括了调查中所有功能相关的问题。主要的柱状图代表了受访者的使用经验；而这些柱状图又根据受访者的态度进行了细分。您可以切换分组方式来在两者之间切换。


      请注意，您还可以在每个功能子部分找到相同数据的更具体细分。

  - key: features.forms_features
    t: 表单功能的使用经验与态度

  - key: features.interactivity_features
    t: 交互功能的使用经验与态度

  - key: features.content_features
    t: 内容功能的使用经验与态度

  - key: features.web_components_main_features
    t: Web 组件的使用经验与态度

  - key: features.accessibility_features
    t: 无障碍功能的使用经验与态度

  - key: features.mobile_web_apps_features
    t: 移动 Web 应用功能的使用经验与态度

  ###########################################################################
  # Sponsors
  ###########################################################################

  - key: sponsors.frontendmasters.description
    t: 通过深入、现代的前端工程课程提升您的技能。
  - key: sponsors.google_chrome.description
    t: 感谢 Google Chrome 团队对我们工作的支持。
  - key: sponsors.tokyodev.description
    t: 今天就在日本找到您理想的开发者工作。
  - key: sponsors.renderatl.description
    t: 聚焦于 Web 领域的科技大会。

  ###########################################################################
  # Conclusion
  ###########################################################################

  - key: conclusion.html2024.lea_verou.bio
    t: W3C Technical Architecture Group Member & MIT CSAIL Researcher
  - key: conclusion.html2024.lea_verou
    t: >
      呼！这项调查凝聚了分布在六大洲数十人的巨大努力。它不仅创下了"XX 现状"调查首次发布时最多回复数的新纪录，其数据收集界面还开创了创新，为我们提供了对开发者态度前所未有的深入洞察，其影响将远远超出调查本身的范畴。


      有人认为改进 HTML 是徒劳的，但调查结果有力地证明了相反的观点。**开发者渴望更多交互式 HTML 元素**：不仅像 `<datalist>` 或 Popover API 这样的交互元素在所有类别中积累了最多的正面评价，而且所有[最受期待的元素](https://2024.stateofhtml.com/en-US/usage/#html_missing_elements)都是交互式小部件。


      然而，仅仅通过提供现成的功能来**让简单的事情变得容易**已经不够了。**让复杂的事情成为可能**，通过支持全面的定制已成为必要：不足的可定制性，尤其是在**样式**方面，成为了最突出的痛点。


      结果，表单元素也成为了[最常被重新创建](https://2024.stateofhtml.com/en-US/usage/#html_functionality_features)的元素；这是一个双输的局面，让开发者和最终用户都受苦。幸运的是，有很多新的倡议来改善这一点，所以未来看起来很光明。


      另一个重大需求是可扩展性。如果只有标准制定机构有权扩展 HTML，这是不可持续的；而且，通用元素不可能满足如此多样化的需求。不幸的是，**Web 组件 API**（尤其是 Shadow DOM），虽然被广泛使用，但似乎在满足开发者需求和提供流畅的开发体验方面还有所欠缺，它们在整个调查中名列最差体验榜首。然而，这一领域正在进行的活动（其中一些我也参与其中）让我对它们虽然经历了曲折，但正在朝着发挥其全部潜力的方向前进充满希望。


      这让我想到最后一点：重要的是要记住，这项调查只是开发者观点的一个快照，反映了调查时 Web 平台的状态。然而，这些调查的主要目标是通过提供更好的开发者需求可见性来改善现状。今天的多少痛点会因此在明天得到解决呢？让我们在今年晚些时候的第二次调查中一起找出答案吧！

  ###########################################################################
  # FAQ/About
  ###########################################################################

  - key: faq.how_long_will_survey_take_html2024
    t: 完成这份调查需要多长时间？
  - key: faq.how_long_will_survey_take_html2024.description
    t: >
      根据您回答问题的数量（所有问题都可以跳过），
      填写调查大约需要 10-15 分钟。

  - key: faq.learn_more_html2024
    t: 在哪里可以了解更多信息？
  - key: faq.learn_more_html2024.description
    t: 您可以在[我们的公告文章](https://dev.to/sachagreif/the-state-of-html-2024-survey-is-now-open-3i4j)中了解更多关于这项调查的信息。

  - key: faq.survey_design_html2024
    t: 这项调查是如何设计的？
  - key: faq.survey_design_html2024.description
    t: >
      这项调查是通过一个[开放的设计过程](https://github.com/Devographics/surveys/issues/246)设计的，涉及浏览器厂商和 Web 开发社区。

  - key: faq.results_released_html2024
    t: 结果何时发布？
  - key: faq.results_released_html2024.description
    t: 调查将于 2024 年 9 月 12 日至 10 月 1 日进行，调查结果将在之后不久发布。

  - key: faq.who_should_take_survey_html2024
    t: 谁应该参与这项调查？
  - key: faq.who_should_take_survey_html2024.description
    t: >
      这是一项面向所有制作网站或 Web 应用的人的开放调查，无论是定期还是偶尔，作为工作的一部分、学生身份，还是仅仅出于兴趣！

  - key: faq.data_used_html2024
    t: 这些数据将如何使用？
  - key: faq.data_used_html2024.description
    t: >
      所有收集的数据将公开发布，供任何开发者或公司参考。
      浏览器厂商也会[使用这些数据](https://web.dev/blog/interop-2024)来确定重点关注领域并制定他们的路线图。

  - key: faq.survey_goals_html2024
    t: 这项调查的目标是什么？
  - key: faq.survey_goals_html2024.description
    t: >
      调查的目标是衡量对新 HTML 功能和浏览器 API 的认知度，并帮助开发者跟踪它们的使用情况如何演变。

  - key: about.content
    t: |
      2024 年 HTML 现状调查于 2024 年 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/) 运营，得到了一支开源贡献者和顾问团队的帮助。

      今年的 Logo 和 T 恤由 [Christopher Kirk-Nielsen] (http://chriskirknielsen.com/) 设计。

      ### 调查目标

      创建这项调查的目的是为了识别 Web 开发生态系统中即将出现的趋势，以帮助开发者做出技术选择。

      因此，调查的重点是预测未来几年将会出现的情况，而不是分析当前流行的内容，这就是为什么目前最广泛使用的功能或技术并不总是被包括在内。

      调查应该被视为**特定开发者群体的快照**，并不意味着代表整个生态系统。

      调查在网上公开进行，受访者没有经过任何筛选或选择。

      ### 项目资金

      这个项目的资金来自多个渠道：

      - **T 恤销售**。

      - **赞助链接**：每个页面底部推荐资源的链接由我们的合作伙伴 [Frontend Masters](https://frontendmasters.com/) 提供。

      - **其他资金**：[Google](https://www.google.com/) 和 [TokyoDev](https://www.tokyodev.com/) 也为调查提供了资金支持。

      ### 技术概述

      您可以在[这里](https://dev.to/sachagreif/how-the-devographics-surveys-are-run-2024-edition-1p6a)找到关于如何进行这些调查的更深入的技术概述。